跳到主要内容

ui 事件

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

文本编辑事件

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

复制事件是在浏览器中复制被选中的部分或全部内容时触发事件处理程序。复制事件有 onbeforecopyoncopy 两个事件。 onbeforecopy 事件是将网页内容复制到剪贴板时触发事件处理程序, oncopy 事件是在网页中复制内容时触发事件处理程序。

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

剪切事件是在浏览器中剪切被选中的内容时触发事件处理程序。剪切事件有 onbeforecutoncut 两个事件。 onbeforecut 事件是当页面中的部分或全部内容被剪切到浏览者系统剪贴板时触发事件处理程序, oncut 事件是当页面中被选择的内容被剪切时触发事件处理程序。

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

在 onbeforepaste 事件中使用 return 语句返回 true 或 false 是无效的。

粘贴事件 onpaste 是当内容被粘贴时触发事件处理程序。在该事件中可以用 return 语句来屏蔽粘贴操作。

选择事件是用户在 body 、 input 或 textarea 表单区域中选择文本时触发事件处理程序。选择事件有 onselect 和 onselectstart 两个事件。

对象拖动事件

在 JavaScript 中,有两种方法可以实现拖动功能,即系统拖动和模拟拖动。微软为 IE 提供的拖动事件有两类,一类是拖动对象事件,一类是放置目标事件。

拖动对象事件

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

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

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

ondragstart 事件是当某对象将被拖动时触发事件处理程序,也就是当鼠标按下,开始移动鼠标时触发该事件。

放置目标事件

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

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

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

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

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