事件是我们在学习JavaScript编程开发的时候会经常接触到的一个功能应用,而今天我们就一起来了解一下,事件的概念与类型都有哪些。
1、事件概念
事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间,比如单击、双击、鼠标悬浮等。
2、事件流
事件流描述的是从页面中接收事件的顺序,或者说是事件在页面中传播的顺序。
IE的事件流叫做事件冒泡(eventbubbling):由具体的元素开始执行事件,然后逐级向上传播到window对象。
3、事件处理程序
事件处理程序:指的是响应处理某个事件的函数
4、HTML事件处理程序
某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的HTML特性来指定。
建议永远不要使用这种方式为元素添加事件,因为这种方法有一个巨大的缺点,就是使得HTML与JavaScript的代码紧密耦合,不符合网页设计的行为与结构分离。
5、DOM0级事件处理程序
每个元素(包括window和document)都有自己的事件处理程序属性,比如onclick、onmouseup等。
6、IE事件处理程序
IE8以及更早的IE版本,只支持事件冒泡,不支持addEventListener()和removeEventListener(),但是它实现了与这两个方法类似的两个方法:attachEvent()和detachEvent()。这两个方法只有两个参数,一个事件名称(是onclick,不是click),一个事件处理函数。
与addEventListener()不同,使用attachEvent()方法的情况下,事件处理函数会在全局作用域下运行,所以this等于window,这一点需要特别注意。
7、浏览器默认行为
对于一些特定的事件,浏览器有它默认的行为。比如:点击链接会进行跳转到指定的页面、点击鼠标右键会呼出浏览器右键菜单、填写表单时按回车会自动提交到服务器等。
默认的浏览器行为和冒泡行为是独立的,取消事件默认行为是不会取消事件冒泡的,反之亦然。同一个元素的多个事件处理函数也是相互独立的。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。