javascript事件监听器,web3.js监听事件

　　本文已经给大家带来了一些关于javascript的知识，主要是梳理了事件监控的相关问题，包括什么是事件监控，如何设置事件监控等等。下面就一起来看看吧，希望对你有帮助。

　　【相关推荐：javascript视频教程，web前端】

什么是“事件监听”

　　 DOM允许我们编写JS代码让HTML元素对事件做出反应；

　　事件:用户与网页的交互；例如：点击网页；

　　监听:是使计算机能够随时发现这个事件，从而执行程序员事先编写的一些程序；

　　设置事件监控主要有两种方法：onxxx和addevent listener()；

最简单的设置事件监听的方法

　　设置它们的onxxx属性；

　　oBox.onclick=function () {

　　//当框被点击时，这里的语句将被执行

　　}

常见的鼠标事件监听

　　事件名称事件描述onclick当鼠标单独站在一个对象上on click当鼠标双击一个对象上onmousedown当鼠标按钮在一个对象上按下onmouseup当鼠标按钮在一个对象上释放onmousemove当鼠标按钮在一个对象上移动onmouseenter当鼠标进入一个对象时(类似事件onmouseover)onmouseleave当鼠标离开一个对象时(类似事件onmouseout)

常见的键盘事件监听

　　事件名称事件描述onkeypress当按下键盘键时(系统按钮，如箭头键和功能键，无法识别)onkeydown当按下键盘键时(系统按钮可以识别，并且会在onkeypress之前发生)onkeyup当释放键盘的键时

常见的表单事件监听

　　事件名称事件描述onchange

　　当用户更改表单字段的内容时，它将在元素获得焦点(如tab键或鼠标单击)时触发onfocus，在元素失去焦点时触发onblur，在表单提交时触发submit，在表单重置时触发reset:

常见的页面事件监听

　　事件名称事件描述在页面或图像完成加载时触发onload，在用户退出页面时触发unload

事件的传播

　　，首先从外到内(捕获阶段)，然后从内到外(再次)

　　但是onxxx (DOM0级别)的写只能监控冒泡阶段；所以需要使用addEventListener()方法(DOM2级别)；

　　oBox1.addEventListener(click ，function(){

　　//这是事件处理函数

　　}，true) //true表示监控的捕获阶段，false表示监控的冒泡阶段

注意事项

　　最里面的元素不再区分捕获和冒泡阶段，会先执行前面写的监控，再执行后面写的监控；如果为一个元素设置了相同的两个或两个以上同名事件，则在DOM0级别写入后写入的事件将覆盖先写入的事件；而DOM2级将按顺序执行；【相关推荐：javascript视频教程，web前端】以上是简单说说JavaScript中事件监控的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。