Posted in Javascript onJanuary 04, 2015
事件处理
一、事件源:任何一个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://3water.com </div> <script> var one=document.getElementById("two"); one.onclick=function(){ this.style.backgroundColor="red"; } </script>
第三种:
基本没什么人用
<script for="事件源ID" event="事件">事件处理程序</script> <div id="th"> 你好,三水点靠木https://3water.com </div> <script for="th" event="onclick"> var one=document.getElementById("th"); one.style.backgroundColor="red"; </script>
小伙伴们是否了解了javascript的事件处理了呢,有疑问就给我留言吧。
浅谈 javascript 事件处理
- Author -
hebedich声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@