javaScript什麼叫事件來源
- 青灯夜游原創
- 2021-06-09 16:23:474741瀏覽
在事件中，目前操作的那個元素就是事件來源，例如網頁元素中input有onclick事件，當點選input發送onclic事件時，事件來源就是input。事件來源是作為event物件的屬性存在的，可以使用srcElement屬性來取得事件來源。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
事件來源
在事件中，目前操作的那個元素就是事件來源。例如網頁元素中 input 有 onclick 事件，當點選 input 發送 onclic 事件時，事件來源就是 input。
常見事件來源：
| (滑鼠) 事件 | 描述 |
|---|---|
| #onclick | 滑鼠點擊物件時觸發 |
| #ondblclick | 滑鼠雙擊物件時觸發 |
| onmousedown | 滑鼠按鈕被按下時觸發 |
| #onmousemove | 當滑鼠被移動時觸發 |
| onmouseout | 滑鼠離開監聽該事件的元素或子元素時觸發 |
| onmouseover | 滑鼠移到監聽該事件的元素或子元素時觸發 |
| onmouseup | 滑鼠放開時觸發 |
| #(鍵盤) 事件 | 描述 |
| #onkeydown | ##鍵盤按下|
| keypress | 鍵盤按住 |
| keyup | 鍵盤鬆開 |
| onblur | |
|---|---|
| onfocus | #取得焦點 |
| #oninput | 輸入 |
| onchange | 改變 |
onsubmit提交
#####################(頁) 事件######描述######### #########onload######頁面載入結束#############onscroll################# #onresize######改變大小##################取得事件來源：#########事件來源是作為event物件的屬性存在的。在W3C規範中，這個屬性是 target ；但是 IE8.0 及其以下版本不支援該屬性，它使用 srcElement 屬性來取得事件來源。 ###<html>
<head>
<title>获取事件源</title>
</head>
<body>
<div id="demo">点击这里</div>
<script type="text/javascript">
document.getElementById("demo").onclick=function(e){
var eve = e || window.event;
var srcNode = eve.target || eve.srcElement; // 兼容所有浏览器
alert(srcNode);
}
</script>
</body>
</html>###更多程式相關知識，請造訪：###程式設計影片###！ ！ ###以上是javaScript什麼叫事件來源的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn