通过DOM绑定事件
一般可以直接在标签属性里绑定事件。形式如
onclick=javascript。
那么如何直接通过dom元素在js里绑定事件呢？
如下代码为btn元素绑定displayDate函数。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>
<button id="myBtn">点击这里</button>
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>
分析
- 上述代码为btn元素绑定displayDate函数。
- 其一般模式为
dom元素.事件名称=function(){函数名称} - 这个模式设计不够简洁。右侧也可以直接写上函数名称就可以了。
document.getElementById("myBtn").onclick=displayDate
