事件
1.事件的行为
1.load事件
2.submit事件
功能:表单提交时触发的事件
注意:通过一个boolean的返回值,通知表单是否被提交
提交
返回值:
true 可以提交表单
false 不能提交表单
2.focus 事件
功能:当元素获取焦点时要触发的操作
4.blur
功能:当元素失去焦点时要出发的事件
事件对象
什么是事件对象
事件对象中封装了事件要用到的一些参数和一些操作
2.获取事件对象(event对象)
1.html元素中绑定事件
<ANY onclick ="btnClick(event)">
<script>
function btnClick(event){
//event表示事件对象
}
</script>
2.使用js动态绑定
<script>
d1.onclick = function(event){
}
</script>
3.事件当中的常用属性
1.事件源
触发当前事件的元素是谁
获取事件源
通过 event.target 获取事件源
返回DOM元素
2.鼠标事件
1.offsetX offersetY
获取鼠标在元素上的坐标点
以元素左上角(0,0)计算的
2.clientX clientY
获取鼠标在网页上的坐标点
以网页左上方(0,0)开始计算的
3.screenX screenY
获取鼠标在显示器上的坐标
以显示器左上角为(0,0)开始计算的
3.键盘事件
1.event.key
得到按下的字符
在keypress中 event.which 表示按下的ASCII码
在keydown中 event.which 表示的是键位码 只记录键位不记录字符
大小写的键位码是相同的。一些数字和标点的键位码可能是相同的。
4.事件的冒泡
什么是事件冒泡
当激发了元素事件时,把父元素对应的事件也一起执行了
场合:
1.必须是父子元素或者是具备层级关系的元素
2.为元素们设计了相同的事件
2.阻止事件冒泡
只让事件在当前元素中执行,不向上冒泡
event.stopPropagation();