今天就跟大家聊聊有關javaScript事件源是什么，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
在事件中，當前操作的那個元素就是事件源，比如網頁元素中input有onclick事件，當點擊input發送onclic事件時，事件源就是input。事件源是作為event對象的屬性存在的，可以使用srcElement屬性來獲取事件源。
事件源
在事件中，當前操作的那個元素就是事件源。比如網頁元素中 input 有 onclick 事件，當點擊 input 發送 onclic 事件時，事件源就是 input。
常見事件源：
| (鼠標) 事件 | 描述 |
|---|---|
| onclick | 鼠標單擊對象時觸發 |
| ondblclick | 鼠標雙擊對象時觸發 |
| onmousedown | 鼠標按鈕被按下時觸發 |
| onmousemove | 鼠標被移動時觸發 |
| onmouseout | 鼠標離開監聽該事件的元素或子元素時觸發 |
| onmouseover | 鼠標移動到監聽該事件的元素或子元素時觸發 |
| onmouseup | 鼠標松開時觸發 |
| (鍵盤) 事件 | 描述 |
|---|---|
| onkeydown | 鍵盤按下 |
| keypress | 鍵盤按住 |
| keyup | 鍵盤松開 |
| (表單控件) 事件 | 描述 |
|---|---|
| onblur | 失去焦點 |
| onfocus | 獲取焦點 |
| oninput | 輸入 |
| onchange | 改變 |
| onsubmit | 提交 |
| onreset | 重置 |
| (頁面) 事件 | 描述 |
|---|---|
| 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事件源是什么有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
