事件事件类型

最新推荐文章于 2022-11-02 19:39:48 发布

徐普通

最新推荐文章于 2022-11-02 19:39:48 发布

阅读量249

点赞数

分类专栏： biji 文章标签： JS 事件

本文链接：https://blog.csdn.net/weixin_44602489/article/details/88108499

版权

biji 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

事件

事件的外联模式
元素节点 . on+事件类型 = 匿名函数（处理事件的行为）

<script>
	function btnClick(){
		alert("点击按钮了");
	}
	window.onload = function(){
		var oBtn = document.getElementById("btn1");
		oBtn.onclick = function(){
			alert("外联");
		}
	}
</script>
<body>
	<button onclick = 'btnClick();'>按钮</button>
	<button id = 'btn1'>外联模式</button>
</body>

事件的类型

1、鼠标事件（可以添加给任何元素）
click 单击的时候会触发
dblclick 双击
mouseover鼠标移入
mouseout 鼠标移出
mousemove鼠标移动就会触发
mousedown鼠标按下
mouseup 鼠标抬起

2、键盘事件（一般情况下绑定在表单和window）
keydown 键盘按下，按住不松手，会重复触发
keyup 键盘抬起
keypress 键盘按下（只支持字符键），按住不松手，会重复触发

3、HTML事件
<1>window事件
scroll 页面滚动
resize 页面大小缩放
load 页面加载完成以后触发
unload 页面解构的时候触发（只有IE兼容）
<2>表单事件
blur 失去焦点
focus 获取焦点
select 当用户选择文本框(input 或 textarea)中的一个或多个字符触发。
change 当文本框(input 或 textarea)内容改变且失去焦点后触发。
下述两个事件必须添加的form
submit 点击表单中的submit按钮的时候触发
reset 点击表单中的reset按钮的时候触发

徐普通

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
事件事件类型

事件事件的外联模式元素节点 . on+事件类型 = 匿名函数（处理事件的行为）&lt;script&gt; function btnClick(){ alert("点击按钮了"); } window.onload = function(){ var oBtn = document.getElementById("btn1"); oBtn.onclick = function...
复制链接

扫一扫