事件概念和事件監聽
事件的概念
JavaScript使我們有能力創建動態頁面，網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。我們可以認為事件是可以被JavaScript偵測到的一種行為。
使用返回值改變HTML元素的默認行為
HTML元素大都包含了自己的默認行為，例如：超鏈接、提交按鈕等。我們可以通過在綁定事件中加上return false來阻止它的默認行為
1.綁定HTML元素屬性
| <input type="button" value="clickMe" onClick="check(this)"> |
2.綁定DOM對象屬性
| document.getElementById(“btn1”).onClick=test;//test函數名 |
<html>
<head>
<title>00</title>
<script type="text/javascript" charset="utf-8">
function test1(){
alert("綁定HTML元素屬性");
}
function test2(){
alert("綁定DOM對象屬性");
}
</script>
</head>
<body>
<a href="http://www.baidu.com" οnclick="return false">點擊我</a>
<input type="button" value="測試1" id="mytest1" οnclick="test1()"/>
<button type="button" id="test2"><b>測試2</b></button>
<script type="text/javascript">
document.getElementById("test2").οnclick=test2;
</script>
</body>
</html>
js處理事件流程--冒泡方法
javascript事件列表解說
鼠標事件
| onclick |
單擊鼠標左鍵觸發 |
| ondblclick |
雙擊鼠標左鍵觸發 |
| onmousedown |
單擊任意一個鼠標按鍵時觸發 |
| onmouseout |
鼠標指針移出一個元素邊界時觸發 |
| onmousemove |
鼠標在某個元素上移動時持續觸發 |
| onmouseup |
松開鼠標任意一個按鍵時觸發 |
| onmouseover |
鼠標指針移到一個元素上時觸發 |