UC知道javascript中事件绑定的一个问题
来源：百度知道 编辑：UC知道 时间：2024/05/29 18:43:17
如下所示的一段代码
<html>
<head>
<title>事件绑定</title>
<script>
function eventHandle()
{
var oBtn = getElementById("btn");
oBtn.onclick = function (){alert("Button pressed...");};
}
</script>
</head>
<body>
<div><input type = "button" id = "btn" value = "Test Event"></input></div>
</body>
</html>
为什么这段代码不能正确绑定事件呢？我以前绑定事件都是在HTML代码中加入onclick之类的代码进行绑定，昨天看到一本书上说可以脚本与网页代码分离进行绑定，但是我怎么实验都不能正确绑定。
我开始考虑可能是脚本位置的问题，于是我把脚本放倒body的最后端，但是发现脚本依然没办法执行。
请各位帮忙看看错在哪里。谢谢了！
<html>
<head>
<title>事件绑定</title>
<script>
function eventHandle()
{
var oBtn = getElementById("btn");
oBtn.onclick = function (){alert("Button pressed...");};
}
</script>
</head>
<body>
<div><input type = "button" id = "btn" value = "Test Event"></input></div>
</body>
</html>
为什么这段代码不能正确绑定事件呢？我以前绑定事件都是在HTML代码中加入onclick之类的代码进行绑定，昨天看到一本书上说可以脚本与网页代码分离进行绑定，但是我怎么实验都不能正确绑定。
我开始考虑可能是脚本位置的问题，于是我把脚本放倒body的最后端，但是发现脚本依然没办法执行。
请各位帮忙看看错在哪里。谢谢了！
函数都对
只是你写了绑定事件的处理函数,但没有分配给你的对象上,相当与你有处理事件的方法,事件也发生了,但没有人通知你
所以要加这样一句
在你的eventHandle函数后加上下面的才对
window.onload = eventHandle;
<html>
<head>
<title>事件绑定</title>
</head>
<body>
<div><input type = "button" id = "btn" value = "Test Event"></input></div>
<script>
var oBtn = document.getElementById("btn");
oBtn.onclick = function (){alert("Button pressed...");};
</script>
</body>
</html>
//自己慢慢对下
//你写了一个函数，确从来没有调用
//规范点：document.getElementById
不能绑定是因为这段代码实际上一个语句也没有执行