首頁 > web前端 > js教程 > javaScript什麼叫事件來源

javaScript什麼叫事件來源

青灯夜游
發布: 2023-01-06 11:17:07
原創
4778 人瀏覽過

在事件中,目前操作的那個元素就是事件來源,例如網頁元素中input有onclick事件,當點選input發送onclic事件時,事件來源就是input。事件來源是作為event物件的屬性存在的,可以使用srcElement屬性來取得事件來源。

javaScript什麼叫事件來源

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

事件來源

在事件中,目前操作的那個元素就是事件來源。例如網頁元素中 input 有 onclick 事件,當點選 input 發送 onclic 事件時,事件來源就是 input。

常見事件來源

(滑鼠) 事件 描述
#onclick 滑鼠點擊物件時觸發
#ondblclick 滑鼠雙擊物件時觸發
onmousedown 滑鼠按鈕被按下時觸發
#onmousemove 當滑鼠被移動時觸發
onmouseout 滑鼠離開監聽該事件的元素或子元素時觸發
onmouseover 滑鼠移到監聽該事件的元素或子元素時觸發
onmouseup 滑鼠放開時觸發
##鍵盤按下keypress鍵盤按住keyup鍵盤鬆開#(表單控制項) 事件
#(鍵盤) 事件 描述
#onkeydown
描述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什麼叫事件來源的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板