如何添加html的事件

在HTML中添加事件主要可以通过
HTML元素属性、javascript DOM操作以及W3C标准监听方式和IE专属模式这三种方法,以下是关于这三种方法的详细解释:,1. HTML元素属性,这种方法是最直接和简单的,你只需要在HTML标签中为要添加事件的元素增加一个属性,这个属性的名称是
on 后面跟着事件名,如果你想给一个
<a>元素绑定点击事件(click),你可以这么做:,2. JavaScript DOM操作,通过JavaScript操作DOM也是一种常见的方式,你需要通过诸如
document.getElementById之类的方法获取到相应的DOM元素,然后给这个DOM元素的事件属性赋值为处理函数,如:,3. W3C标准监听方式和IE专属模式,这种方式需要使用到JavaScript的
addEventListener或者
attachEvent方法来添加事件。
addEventListener是W3C推荐的标准方法,而
attachEvent则是IE浏览器的专属方法,这两种方法的主要区别在于事件处理函数的调用时机和参数形式,示例如下:,W3C方式:,IE模式:,doSomething是你定义的事件处理函数,用于指定当事件发生时应该执行的操作。,
,<a href=”http://blog.163.com/luping_01/blog/#” onclick=’doSomething()’>name</a>,<a href=”http://blog.163.com/luping_01/blog/#” id=”n”>name</a> <script> document.getElementById(‘n’).onclick = function(){ //do something } </script>,<script> var element = document.getElementById(‘n’); element.addEventListener(‘click’, doSomething, false); </script>,<script> var element = document.getElementById(‘n’); element.attachEvent(‘onclick’, doSomething); </script>,

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《如何添加html的事件》
文章链接:https://zhuji.vsping.com/340260.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。