分享好友 最新动态首页 最新动态分类 切换频道
JavaScript学习(二十三)——编辑事件(复制、剪切、粘贴、拖动)
2024-12-26 19:15

编辑事件是在浏览器中的内容被修改或移动时所执行的相关事件哎,主要是对浏览器中被选择的内容进行复制、剪切、粘贴时的触发事件,以及在用鼠标拖动对象时所触发的一系列事件的集合。

文本编辑事件是对浏览器中的内容进行复制、剪切、粘贴和选择时所触发的事件。

代码

注意
如果在onbeforecopy和oncopy事件中调用的是自定义函数名,那么,必须在函数名的前面加retum语句;否则,不论在函数中返回的是true,还是false,当前事件所返回的值一律是true 值,也就是允许复制。

其实,要是想屏蔽网页中的复制功能,可以直接在<body>标记的onbeforecopy或oncopy事件中用JavaScript语句来实现。代码如下:

 

剪切事件是在浏览器中剪切被选中的内容时触发事件处理程序,剪切事件有onbeforecut和oncut两个事件,onbeforecut事件是当页面中的一.部分或全部内容被剪切到浏览者系统剪贴板时触发事件处理程序,oncut事件是当页面中被选择的内容被剪切时触发事件处理程序。
例子:屏蔽在文本框中进行剪切的操作

 

粘贴事件有onbeforepaste和onpaste。

onbeforepaste事件是将内容从浏览者的系统剪贴板中粘贴到页面上时所触发的事件处理程序。可以利用该事件避免浏览者在填写信息时,对验证信息进行粘贴,如密码文本框和确定密码文本框中的信息。

例子:在向文本框粘贴文本时,利用onbeforepaste事件来清空剪贴板,使其无法向文本框中粘贴数据。

 

 在JavaScript中有两种方法可以实现拖放功能,即系统拖放和模拟拖放。微软为IE提供的拖放事件有两类,类是拖放对象事件, 另类是放置目标事件。下面对这两类所包含的事件进行说明。

1.拖放对象事件

拖放对象事件包含ondrag、ondragend 和ondragstart事件。

ondrag事件是当某个对象被拖动时触发事件处理程序。

ondragend 事件是当鼠标拖动结束时触发事件处理程序,也就是鼠标的按钮被释放时触发该事件。

ondragstart 事件是当某对象将被拖动时触发事件处理程序,也就是当鼠标按下,开始移动鼠标时触发该事件。
 例如,在图片被拖动时,在窗口的标题栏中显示图片拖动的状态。也就是在将要拖动图片时,在标题栏中显示dragstart;在拖动图片时,在标题栏中显示drag:在拖动结束时,在标题栏中显示dragend。

注意

在对对象进行拖动时,- 一般都要使用ondragend事件,用来结束对象的拖动操作。

 

2.放置目标事件

放置目标事件包含ondragover、ondragenter、 ondragleave 和ondrop事件。

ondragover事件是当某个被拖动的对象在另一对象容器范围内拖动时触发事件处理程序。

ondragenter事件是当对象被鼠标拖动进入其容器范围内时触发事件处理程序。

ondragleave事件是当鼠标拖动的对象离开其容器范围内时触发事件处理程序,也就是当dragover停止触发,对象被拖出放置目标时,触发该事件。

ondrop事件是在一个拖动过程中,释放鼠标时触发事件处理程序,也就是被拖动的对象在其他容器上松开鼠标时,触发drop事件而不是dragleave事件。

例子:放置目标事件的简单实例

最新文章
雷神加速器
  雷神加速器 10.1.8.4  更新内容:  1、优化加速体验。  雷神加速器 10.1.8.3  更新内容:  1、【优化】Al防丢包加速算法优化;  2、【优化】优化加速体验。  雷神加速器 10.1.8.2  更新内容:  优化加速体验。  雷
教你几招网盘不限速的方法
### 回答1:百度云网盘限速下载是因为服务器的带宽有限,为了避免服务器压力过大而影响其他用户的使用体验,百度云官方规定了下载速度的限制。但是,您可以通过以下几种方法来解决限速下载的问题:1. 使用百度云会员:百度云会员可以享受更
免费的淘宝商品数据抓取工具推荐
淘宝作为中国的网上购物平台,拥有海量的商品信息。如果你需要获取淘宝商品的数据,可能会比较麻烦。因为淘宝并不提供数据抓取的接口。有一些第三方工具可以帮助你轻松地获取淘宝商品数据。本文将为大家介绍几款免费的淘宝商品数据抓取工具
数据安全每周观察|中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见
政策趋势一、《网络安全技术 基于互联网电子政务信息安全实施指南 第1部分:总则》(征求意见稿)等2项国家标准公开征求意见全国网络安全标准化技术委员会归口的《网络安全技术 基于互联网电子政务信息安全实施指南 第1部分:总则》和《信
SEO点击软件推荐特效(seo点击软件推荐特效怎么做)
大家好,今天小编关注到一个比较有意思的话题,就是关于SEO点击软件推荐特效的问题,于是小编就整理了3个相关介绍SEO点击软件推荐特效的解答,让我们一起看看吧。怎样判断自己的视频要火了?如何选择关键词?抖音上那些制作的特效视频,是
浅谈人工智能在网络运维优化中的应用
当前人工智能正处在飞速发展阶段,已在多领域取得实质性突破。对通信领域而言,随着通信网络的复杂化和通信业务的多样化,网络运营正面临更大的挑战和压力,将人工智能引入通信网络成为网络智能化的必要步骤。围绕网络运营重要环节之一的网
百度关键词搜索官网_如何查看百度关键词搜索量
搜索引擎(百度)关键字搜索的需求分析和结果设计搜索引擎(假设是百度)每天响应成千上万的词语,有时候需求是明确的,比如搜索物品,搜索目的地;需求有时是模糊的,比如搜索穿搭等。与之对应等我继续说。 优秀的搜索应该都给你一个满意的结
【7105(联通4G)腾讯手机管家下载】酷派7105 联通4G腾讯手机管家16.1.19免费下载
腾讯手机管家专注手机骚扰拦截,动态守护手机安全,深度清理微信、QQ缓存,让手机体积减半,拒绝卡慢。---认真服务---【骚扰拦截】智能拦截骚扰电话,过滤诈骗垃圾短信【清理加速】清理加速能力升级,释放空间告别卡慢【微信清理】个性清理
海淀塑壳断路器CDM1-800L/3300|800A用途+2025排名一览
海淀塑壳断路器CDM1-800L/3300|800A用途+2025排名一览 1. 产品概述 - WSK - S-(TH)智能温湿度控制器是一种能够对环境温湿度进行精确监测和控制的设备。它结合了先进的传感器技术和智能控制算法,用于维持环境温湿度在设定的范围内。2. 功能
苏宁极物密码锁维修客服电话-苏宁极物密码锁维修客服电话是多少
苏宁极物密码锁维修客服电话是--。 作为一家全国知名的智能锁品牌,苏宁极物密码锁在各个城市都有良好的销售和售后服务网络。无论您身处哪个区域,只需拨打苏宁极物密码锁维修客服电话--,即可得到专业的技术支持和贴心的服务。如果您位于
相关文章
推荐文章
发表评论
0评