JS（DOM 事件）

最新推荐文章于 2024-12-27 17:10:20 发布

逐风戏云

最新推荐文章于 2024-12-27 17:10:20 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/qq_36519236/article/details/94599739

JS 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JS中的各种事件，包括HTML事件、DOM0级事件及键盘事件。讲解了事件的语法、功能及其应用实例，如鼠标点击、键盘按键等事件的触发与响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. html事件

语法

<标签   事件="js脚本"> </标签>

1.1 鼠标点击事件（不推荐）

事件	意
onload	页面加载时触发
onclick	鼠标点击时触发
onfoucs	获取焦点时触发
onblur	失去焦点时触发
onchange	域的内容改变时发生
onsubmit	表单中的确认按钮被点击时发生
onresize	事件会在窗口或框架被调整大小时发生。
onscroll	事件在元素滚动条在滚动时触发
onmouseup	事件会在鼠标按键被松开时发生。
onmousedown	事件会在鼠标按键被按下时发生
onmouseout	事件会在鼠标指针移出指定的对象时发生。

例子

<input type="button" value="弹出" onclick="alert('我是按钮！')"  onmouseout="this.style.color='#ff0000'"/>

2.DOM 0级事件

语法

 ele.事件=执行脚本

功能：在DOM对象上绑定事件
说明：执行脚本可以使一个匿名函数，也可以是一个函数的调用。

.aa{
	color:#ff0000;
}
.bb{
	color:#00ff00;
}

<div class="aa" id="bth">aa </div>

//id获取
var bth=document.getElementById("bth");
// 给标签绑定事件
bth.onclick=function(){
	if(this.className=="aa"){
		this.className="bb";
		this.innerHTML="bb";
	}else{
		this.className="aa";
		this.innerHTML="aa";
	}
}

3. 键盘事件

事件	意
onkeydown	事件会在用户按下一个键盘按键时发生
onkeypress	事件会在键盘按键被按下并释放一个键时发生。
onkeyup	事件会在键盘按键被松开时发生。
KeyCode	获取按下的键盘按键Unicode值