事件处理
2、事件 :人的操作
a、 鼠标事件:
click 单击
dbclick 双击
oncontextmenu (发生在body中) 文本菜单
οncοntextmenu="return false" 时后面不执行
onmousemove 鼠标移动
onmouseover 鼠标移动到元素范围
onmouseuot 鼠标移出元素范围
onmousedown 鼠标按下
onmouseup 鼠标按键抬起
b、键盘事件:
onkeypress
onkeydown
onkeyup
c、表单:
focus 获取焦点事件
blur 失去焦点事件
submit 提交事件
change 改变事件
d、其他:
scroll 滚动事件
selectd 选择事件
3、事件处理程序
用代码实现自己想要是的功能
三种方法加事件:
1、行内样式
格式:<tag on事件=“事件处理程序”/>
2、格式:<script>
对象.on事件=“事件处理程序” // 一般在对象后面加匿名函数
</script>
3、<scrpt for="事件源id” event="事件">事件处理程序 </script>
//遇到事件就执行
一个事件源可以加多个事件
js文件中 οnlοad=function( ){ alert("哈哈哈") }
事件对象:window.event
属性:
1、srcElement // 事件源 发生事件的源对象
2、keyCode // 事件发生时的键盘码 keypress keydown keyup
3、clientX,clientY //鼠标相对于 body 的坐标 (比喻为使用面积)
4、screenX,screenY //鼠标相对于整个屏幕的坐标 (比喻为建筑面积)
5、window.status = //将变量赋值给它,看变化 可以用于测试
6、window.document.title = //将变量赋值给它,看变化 可以用于测试
7、window.event.cancelBubble="true" //取消
1、event.keyCode
2、document.οnkeydοwn=function ( e ){
e.keyCode //返回的是数字
e.code //返回的是键盘值 如 k键
}
想让一个元素动起来 必须先让其脱离文档流 相对、绝对或者固定定位
知识随手整理,后续补充。。