js 动态添加事件

最新推荐文章于 2024-06-10 13:43:26 发布

最新推荐文章于 2024-06-10 13:43:26 发布 · 109 阅读

文章标签：

#IE #Firefox

js 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript处理按钮点击事件的方法。通过检测浏览器类型，分别采用addEventListener或attachEvent来为按钮绑定多个点击事件监听器。示例展示了如何定义不同的事件处理函数并在控制台中显示消息。

<button id="test42">test42</button>
<script>
function DoClick()
{
alert('calling DoClick');
}
function AttClick1()
{
alert('calling AttClick1');
}
function AttClick2()
{
alert('calling AttClick2');
}
function AttClick3()
{
alert('calling AttClick3');
}
var td_value=document.getElementById("test42");

if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', AttClick2, false);
td_value.addEventListener('click', AttClick3, false);
td_value.addEventListener('click', DoClick, false);
td_value.addEventListener('click', AttClick1, false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('21');});
td_value.attachEvent('onclick', function(){alert('22');});
}

</script>