Rumah  >  Artikel  >  hujung hadapan web  >  javaScript什么叫事件源

javaScript什么叫事件源

青灯夜游
青灯夜游asal
2021-06-09 16:23:474741semak imbas

在事件中,当前操作的那个元素就是事件源,比如网页元素中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 鼠标松开时触发
(键盘) 事件 描述
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>

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci javaScript什么叫事件源. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn