1、html事件处理
<input type="button" value="click" onlick="alert('点我')"> #单引号
<input type="button" value="click onclick="alert("点我")"> #双引号需要转译成"
事件处理程序
<script type="text/javascript">
function myMethod() {
alert("点击");
}
</script>
<input type="button" value='你猜' onclick="myMethod();">
2、Dom事件处理
<script type="text/javascript">
var bn = document.getElementById('id')
bn.onclick = function() {
alert("test"); #处理数据
}
</script>
3、监听事件 addEventListener() 包含三个参数要处理的事件名、作为事件处理程序的函数和一个布尔值,true 捕获事件处理, false冒泡事件处理,默认为false
<script type="text/javascript">
var bn = document.getElementById("id");
bn.addEventListener("click", function(){
alert("hello, girl");
}, false)
</script>
IE中使用attachEvent()来监听事件