在HTML中添加事件主要可以通过HTML元素属性、JavaScript DOM操作以及W3C标准监听方式和IE专属模式这三种方法，以下是关于这三种方法的详细解释：
（图片来源网络，侵删）
1. HTML元素属性
这种方法是最直接和简单的，你只需要在HTML标签中为要添加事件的元素增加一个属性，这个属性的名称是 on 后面跟着事件名，如果你想给一个<a>元素绑定点击事件（click），你可以这么做：
<a href="http://blog.163.com/luping_01/blog/#" onclick=\'doSomething()\'>name</a>
2. JavaScript DOM操作
通过JavaScript操作DOM也是一种常见的方式，你需要通过诸如document.getElementById之类的方法获取到相应的DOM元素，然后给这个DOM元素的事件属性赋值为处理函数，如：
<a href="http://blog.163.com/luping_01/blog/#" id="n">name</a>
<script>
document.getElementById(\'n\').onclick = function(){
//do something
}
</script>
3. W3C标准监听方式和IE专属模式
这种方式需要使用到JavaScript的addEventListener或者attachEvent方法来添加事件。addEventListener是W3C推荐的标准方法，而attachEvent则是IE浏览器的专属方法，这两种方法的主要区别在于事件处理函数的调用时机和参数形式，示例如下：
W3C方式：
<script>
var element = document.getElementById(\'n\');
element.addEventListener(\'click\', doSomething, false);
</script>
IE模式：
<script>
var element = document.getElementById(\'n\');
element.attachEvent(\'onclick\', doSomething);
</script>
doSomething是你定义的事件处理函数，用于指定当事件发生时应该执行的操作。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/442291.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
