[DOM Event Learning] Section 2 概念梳理什么是事件 DOM Event

时间 2019-11-18

标签 dom event learning section 概念梳理什么事件栏目 HTML 繁體版

原文原文链接

事件

　　事件(Event)是用来通知代码,一些有趣的事情发生了.

　　每个Event都会被一个Event对象所表示,这个对象可能还会有一些自定义的字段或者方法,来获取发生什么事情的更多信息.

　　事件能够是任何事情,从最基本的用户交互,到rendering model中自动发生的一些事情.

　　有一些官方规范中的标准事件,也有一些特定浏览器使用的内部事件.

　　要在某个对象发生某个事件(好比一个a标签被点击)的时候获得通知,能够为这个对象的这个事件指定一个event handler.

　　指定方法:

　　1.用元素名为on{eventtype}的HTML属性, 好比:

<button onclick="return handleClick(event);">

　　2.用JavaScript选取元素,设置对应的onXXX属性,好比:

document.getElementById("mybutton").onclick = function(event) { ... }.

　　可是这个方法不兼容IE9以前的浏览器.

　　若是用jQuery来注册监听,框架会帮咱们处理浏览器的兼容性问题.

　　具体的各类注册监听的方式, 上一篇博文中有总结:http://www.cnblogs.com/mengdd/p/4354339.html

　　Event handler能够设置在HTML元素上,也能够设置在其余产生事件的对象上,好比window, document, XMLHttpRequest等.

　　由于历史缘由,一些<body>和<frameset>上的属性实际是在它们的Window对象上设置event handler.

　　好比:onblur, onerror, onfocus, onload, onscroll.

　　在时间被触发的时候,回调方法接收一个事件对象做为参数.

　　这样你在处理的时候,能够知道当前是什么事件(type), 它的target, 以及相关的事件参数.

　　Event是一个接口, 它有一些公共的属性和方法.

　　各类具体的事件接口(好比MouseEvent, KeyboardEvent)都是Event的子类.

　　事件对象的方法中:

　　event.stopPropagation() 会阻止当前事件的进一步传播.

　　event.preventDefault() 会取消能够取消的事件, 可是不阻止事件的进一步传播.

　　preventDefault()用来阻止一些默认的行为发生.

　　learn jQuery Events: http://learn.jquery.com/events/