<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function show(ev){
alert(arguments.length);
alert(arguments[0]);
var e = ev || window.event;
alert(e.button);
}
window.onload = function () {
var Btn = document.getElementById("btn");
Btn.onclick = show;
}
</script>
</head>
<body>
<button id="btn">按钮</button>
</body>
</html>
点击事件的过程是不是这样的:
1、show函数把值赋给Btn.onclick
2、Btn.onclick在点击过后因为上述第一步所以系统调用了show函数并且把事件对象MouseEvent作为参数赋给了show函数
3、随时js随着点击事件触发后把Btn.onclick里面的内容也同时赋给了show函数,所以我们可以alert(e.button)显示出Btn.onclick里面的内容?
如果过程是上述这样的那么:
问题一:如果整个过程如上,赋值不是从右往左赋值,所以代码应该是show = Btn.onclick,而不是Btn.onclick =show
问题二:我们把点击事件赋给函数的原因是不是这样的:
因为单独无法将Btn.onclick里面存储的内容调出来只能将它赋给一个函数,通过函数才能将它里面的内容调用出来?(例如不能写成Btn.onclick.button?)