浅谈 javascript 事件处理
时间：2021-06-15 09:16:51|栏目：JavaScript代码|点击： 次
事件处理
一、事件源：任何一个HTML元素（节点），body、div、button
二、事件：你的操作
鼠标：
click 单击
dblick 双击
oncontextmenu 文本菜单
复制代码 代码如下:
<body oncontextmenu="return false">//禁止右键的程序
mouseover 放上
mouseout 离开
mousedown 按下
mouseup 抬起
mousemove 鼠标移动
键盘:
keypress 键盘事件
keyup 抬起
keydown 按下
文档：
load 加载
onload 是页面加载完成之后触发的事件
unload 关闭
breforeunload关闭之前
表单：
focus 焦点事件
blur 失去焦点
submit 提交事件
change 改变事件
其它：
scroll 滚动
selectstart 选择事件
三、事件处理程序
第一种：
格式：<tag on事件="事件处理程序" />
实例：
复制代码 代码如下:
<script>
function show(){
var one=document.getElementById("one");
alert(one.innerText);
}
show();
</script>
<body>
<div id="one">
wwwwwwwwwwwwwwwww
</div>
<input type="button" onclick="show()" value="show">
第二种:
直接在javascript里边对象.on处理程序
复制代码 代码如下:
<div id="two">
你好，脚本之家https://www.jb51.net
</div>
<script>
var one=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三种：
基本没什么人用
复制代码 代码如下:
<script for="事件源ID" event="事件">事件处理程序</script>
<div id="th">
你好，脚本之家https://www.jb51.net
</div>
<script for="th" event="onclick">
var one=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小伙伴们是否了解了javascript的事件处理了呢，有疑问就给我留言吧。
栏 目：JavaScript代码
下一篇：微信小程序实现简易table表格
本文标题：浅谈 javascript 事件处理
本文地址：http://www.codeinn.net/misctech/142526.html
