事件是什么:事件是你通过某种动作触发的,比如单击、双击、鼠标划过等等。。。方法是代表它对一个事情的处理
HTML 事件的例子:
- 当用户点击鼠标时
- 当网页已加载时
- 当图像已加载时
- 当鼠标移动到元素上时
- 当输入字段被改变时
- 当提交 HTML 表单时
- 当用户触发按键时
例子:
<html>
<body>
<h1 οnclick="this.innerHTML='谢谢!'">请点击</h1>
</body>
</html>
事件处理
一,事件源:任何一个html元素(节点) body , div, button , p, a , h1.....
二,事件:操作
鼠标:
click 单击
dblclick 双击
texttcontentment(在body)文本菜单
mouseover 放上
mouseout 离开
mousedown 按下
mouseup 抬起
mousemove 移动
键盘:
keypress 键盘事件
keyup 抬起
keydown 按下
文档:
load 加载
unload 关闭
beforeunload 关闭之前
表单:
focus 焦点
blur 失去焦点
submit 提交事件
change 改变
其他:
scroll 滚动事件
selectd 事件
三,事件处理程序
法加事件
第一种:
格式:<tag on事件=“事件处理程序”/>
第二种
<script>
对象.on事件=事件处理程序
</script>
第三种:
<script for=“事件源ID”event=“事件”>事件处理程序</script>
事件 event window.event、
1.srcElement 代表事件源对象
2.keyCode 事件发生时的键盘码 keypress,keyup
3.clientx,slienty
4.screen小,scrrny
onload 和 onunload 事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie
onchange 事件
onchange 事件常结合对输入字段的验证来使用。
onmousedown、onmouseup 以及 onclick 事件
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件