当前位置:澳门新葡亰亚洲在线 > 计算机前端 > 想快速掌握JavaScript中的事件监听会这三点就够了

想快速掌握JavaScript中的事件监听会这三点就够了

文章作者:计算机前端 上传时间:2019-02-20

  想要理解Java中的事件,先要了解Java中的对象,大家都知道对象都有它的属性和方法。举个例子汽车(对象)有自己的颜色和宽、高等属性,也有“驾驶”的方法,也有可能有“撞车”事件。

  我们可以这样理解Java中的事件,目标对象上发送了某些事情。事件触发浏览器中行为的能力,比如当用户点击某个鼠标时时启动一段 Java代码,可以把这个过程看成是一个独立的Java事件。

  Java中的事件可以分为很多种,常见的有表单事件、键盘事件、鼠标事件、媒介事件(常见于HTML5中)。

  从前几天文章介绍中看出,页面中的每个事件都需要一个函数来响应,这样的函数一般称为事件处理函数,从另一个角度看就是这些函数再监听事件是否发生,也称为事件监听函数。

  简单的事件,没有必要去编写复杂的代码,直接在HTML标签中处理就可以,而且兼容性很好,比如:p onclick=add(‘pbr’),p标签直接通过onclick函数进行事件监听。

  几乎所有的HTML标签都有onclick方法,也可以再标签中采用Java语句比如说p=onclick=“alert(‘点击’)”,这种方法大部分浏览器都支持兼容性很好。

  考虑到结构、行为分离,通常采用以下方法来实现事件监听,这种方法实际中用的比较多。

  代码如下(把监听函数放到了window对象的函数中,保证了DOM结构在完全建立后搜索p节点。):

  在微软的IE浏览器中,每个元素都有两个方法处理事件的监听,分别是attachEvent()和detachEvent()。

  与IE不同之处在于这两个函数是有3个参数(名称、分配的函数名、用于冒泡阶段还是捕获阶段),第三个参数如果是捕获阶段是true,反之为false。

转载请注明来源:想快速掌握JavaScript中的事件监听会这三点就够了