脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-javascript的IE事件和DOM事件模型，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
通用的事件模型：
1.是在HTML页面绑定
2.在javascript脚本文件中绑定事件处理
document.getElementById('button').onclick = function;
IE中的事件模型
1。使用script for绑定(这个绑定很少用)
<script for="BTn1" event="onclick" tyPE="text/javascript">
alert("您单击了我");
</script>、
2.使用attachEvent方法绑定
document.getElementById('btn1').attachEvent("onclick", test);
意思：为id为btn1的按钮绑定事件，单击按钮会触发test函数；
DOM的事件模型
使用addEventListener("事件"，调用函数，事件传播的哪个阶段(true/false))
当为true的时候表示监听捕获阶段，false表示监听冒泡阶段
document.getElementById('btn1').addEventListener("click", test, true);
意思：为id为btn1的按钮绑定事件，单击按钮会触发test函数，并且只监听其捕获阶段；
访问事件对象：
IE的事件对象是一个隐式的全局对象event 当时间发生的时候就会创建这个对象，次对象有很多属性
DOM事件模型与IE事件模型不同，其自动创建一个event对象，并隐式的将该对象作为事件处理函数的第一个参数传入
另外IE中还有事件冒泡：
event.cancelBubble=true;就是取消IE的事件冒泡默认是false
IE的重定向事件（事件转发）；
document.getElementById('btn1').fireEvent（"onCliclk", event）
将事件传给ID为btn1的按钮。
捕获事件
target.setCapture();设置target对象捕获改时间
target.releaseCapture(); 设置target对象释放捕获。
DOM的事件传播
DOM模型事件先后沿着两个方向传播，第一阶段是事件捕获阶段，从顶层对象传播到事件发生目标对象。第二阶段是冒泡阶段，从事件发生的目标对象向上传播到顶层对象；
event.stopPropagation()阻值event事件传播
取消默认行为
event.preventDefault（）；
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-javascript的IE事件和DOM事件模型全部内容，希望文章能够帮你解决javascript代码实例教程-javascript的IE事件和DOM事件模型所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。