js事件三要素

最新推荐文章于 2022-09-10 23:34:59 发布

古塔前端

最新推荐文章于 2022-09-10 23:34:59 发布

阅读量3.3k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45321331/article/details/106145464

版权

JS事件三要素:

事件源:要触发得对象
例如：当按钮被点击，弹出一个对话框，按钮就是事件源
事件类型：事件触发得方式
例如：鼠标点击，得到焦点，失去焦点
事件处理程序：事件触发后，执行得程序
例如:当按下开机键，电脑开机

通过代码块了解事件三要素：

事件源.事件类型 = funcation () {
	事件处理程序
}

<body>
	<button> 我被点击弹出对话框</button>
	<script>
		var btn=document.getElementsByTagName('button');
		btn.onclick = funcation () {
		alert('我被点击了');
		}
	</script>
</body>

执行事件得过程

获取事件源
注册事件行为
添加事件处理程序

常见事件总结:

事件名称	说明
onclick	鼠标左键点击
onmouseover	鼠标经过触发
Onfocus	获取焦点
onblur	失去焦点
onmouseover	鼠标经过
onmouseout	鼠标离开
contextmenu	禁用右击事件
selectstart	禁止鼠标选中
mousemove	鼠标移动事件

古塔前端

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
js事件三要素

JS事件三要素:事件源:要触发得对象例如：当按钮被点击，弹出一个对话框，按钮就是事件源事件类型：事件触发得方式例如：鼠标点击，得到焦点，失去焦点事件处理程序：事件触发后，执行得程序例如:当按下开机键，电脑开机通过代码块了解事件三要素：事件源.事件类型 = funcation () { 事件处理程序}<body> <button> 我被点击弹出对话框</button> <script> var btn=docume
复制链接

扫一扫