<button id="vv" onclick="myfunction()" >哈哈</button>
var funcc = function () { alert(‘我爱编程‘) } var aa = document.getElementById(‘vv‘) aa.onclick = funcc
document.getElementById(‘vv‘).onclick = function () { alert(‘hasssshhaa ‘) }
document.getElementById(‘vv‘).addEventListener(‘click‘,funcc); //或者： document.getElementById(‘vv‘).addEventListener(‘click‘,function () { alert(‘hahah‘) })
<div id="btn" onclick="clickone()" onclick="clicktwo()"></div> <script> function clickone(){ alert("hello"); } //执行这个 function clicktwo(){ alert("world!"); } </script>
<div id="btn"></div> <script> document.getElementById("btn").onclick = function（）{ alert("hello"); } document.getElementById("btn").onclick = function（）{ alert("world"); } //执行这个 </script>
<div id="btn"></div> <script> document.getElementById("btn").addeventlistener("click",clickone,false); function clickone(){ alert("hello"); } //先执行 document.getElementById("btn").addeventlistener("click",clicktwo,false); function clicktwo(){ alert("world"); } //后执行 </script>
$(document).click(function () { alert(1); })
$(function(){ $(document).click(function () { alert(1); }) });
$(document).bind("click mouseenter",function () {
alert(1);
})
比简单事件绑定方式的优势：
可以同时绑定多个事件，比如：bind(“mouseenter mouseleave”, function(){})
缺点：要绑定事件的元素必须存在文档中。
与前两种方式最大的优势：减少事件绑定次数提高效率，支持动态创建出来的元素绑定事件！
$(document).delegate(".box","click",function () {
alert(1);
})
4. on方式（最现代的方式，兼容zepto(移动端类似jQuery的一个库)，强烈建议使用的方式）（重点）
$(document).on("click mouseenter",".box",{"name":111},function () {
alert(event.data.name);
});
$(".box").on("click",{},function (e) {
e.data
})
原文：https://www.cnblogs.com/fger/p/11647542.html