使用js给元素添加事件

    xiaoxiao2021-12-14  20

    使用javascript代码动态给元素添加事件。

    <input type="button" id="btn" onclick="showMsg();"/>

    2使用javascript动态给元素添加事件。使用js获取元素添加。

    document.getElementById("btn").onclick = function(){alert(123);};

    也可以直接绑定方法名称:

    document.getElementById("btn").onclick =showMsg; function showMsg(){ alert("showMsg"); }

    通过监听事件的方式给元素添加绑定事件。

    addEventListener(); 是绑定事件对象方法。第一个参数是事件名,第二个是执行的函数,最后一个是事件捕获 attachEvent(); IE中用于注册事件的方法。 <script> var el = document.getElementById("btn"); if (el.addEventListener) { el.addEventListener("click",showMsg,false); }; if (el.attachEvent) { el.attachEvent("click",showMsg); }; function showMsg(){ alert("showMsg"); } </script>

    给一个元素添加多个绑定事件:

    <script> var el = document.getElementById("btn"); if (el.addEventListener) { el.addEventListener("click",showMsg,false); el.addEventListener("click",showUser,false); }; if (el.attachEvent) { el.attachEvent("click",showMsg); }; function showUser(){ alert("showUser"); }; function showMsg(){ alert("showMsg"); }; </script>
    转载请注明原文地址: https://ju.6miu.com/read-970702.html

    最新回复(0)