Maison >interface Web >js tutoriel >Qu'est-ce que la source d'événement en javaScript ?
Qu'est-ce que la source d'événement en javaScript ?
- 青灯夜游original
- 2021-06-09 16:23:474772parcourir
Dans un événement, l'élément actuellement exploité est la source de l'événement. Par exemple, une entrée dans un élément de page Web a un événement onclick. Lorsque l'on clique sur une entrée pour envoyer un événement onclic, la source de l'événement est entrée. . La source d'événement existe en tant qu'attribut de l'objet événement. Vous pouvez utiliser l'attribut srcElement pour obtenir la source d'événement.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Source de l'événement
Dans un événement, l'élément actuellement opéré est la source de l'événement. Par exemple, l'entrée dans l'élément Web a un événement onclick Lorsque l'on clique sur l'entrée pour envoyer un événement onclic, la source de l'événement est l'entrée.
Sources d'événements courantes :
| (鼠标) 事件 | 描述 |
|---|---|
| onclick | 鼠标单击对象时触发 |
| ondblclick | 鼠标双击对象时触发 |
| onmousedown | 鼠标按钮被按下时触发 |
| onmousemove | 鼠标被移动时触发 |
| onmouseout | 鼠标离开监听该事件的元素或子元素时触发 |
| onmouseover | 鼠标移动到监听该事件的元素或子元素时触发 |
| onmouseup | 鼠标松开时触发 |
| (键盘) 事件 | 描述 |
|---|---|
| onkeydown | 键盘按下 |
| keypress | 键盘按住 |
| keyup | 键盘松开 |
| (表单控件) 事件 | 描述 |
|---|---|
| onblur | 失去焦点 |
| onfocus | 获取焦点 |
| oninput | 输入 |
| onchange | 改变 |
| onsubmit | 提交 |
| onreset | 重置 |
| (页面) 事件 | 描述 |
|---|---|
| onload | 页面加载结束 |
| onscroll | 滚动 |
| onresize | 改变大小 |
Obtenir les sources d'événements :
La source d'événement existe en tant que propriété de l'objet événement. Dans la spécification W3C, cet attribut est cible ; cependant, IE8.0 et versions antérieures ne prennent pas en charge cet attribut et utilisent l'attribut srcElement pour obtenir la source de l'événement.
<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>Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!