浅谈 javascript 事件处理
事件处理
一、事件源：任何一个HTML元素（节点），body、div、button
二、事件：你的操作
鼠标：
click 单击
dblick 双击
oncontextmenu文本菜单
<bodyoncontextmenu="returnfalse">//禁止右键的程序
mouseover 放上
mouseout 离开
mousedown 按下
mouseup 抬起
mousemove 鼠标移动
键盘:
keypress 键盘事件
keyup 抬起
keydown 按下
文档：
load 加载
onload是页面加载完成之后触发的事件
unload 关闭
breforeunload关闭之前
表单：
focus 焦点事件
blur 失去焦点
submit 提交事件
change 改变事件
其它：
scroll 滚动
selectstart选择事件
三、事件处理程序
第一种：
格式：<tagon事件="事件处理程序"/>
实例：
<script>
functionshow(){
varone=document.getElementById("one");
alert(one.innerText);
}
show();
</script>
<body>
<divid="one">
wwwwwwwwwwwwwwwww
</div>
<inputtype="button"onclick="show()"value="show">
第二种:
直接在javascript里边对象.on处理程序
<divid="two">
你好，毛票票https://www.nhooo.com
</div>
<script>
varone=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三种：
基本没什么人用
<scriptfor="事件源ID"event="事件">事件处理程序</script>
<divid="th">
你好，毛票票https://www.nhooo.com
</div>
<scriptfor="th"event="onclick">
varone=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小伙伴们是否了解了javascript的事件处理了呢，有疑问就给我留言吧。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下