事件类型-基本类型

一、UI事件(不一定与用户有关)

load:当页面完全加载后在window上触发,图片也可以触发load事件

resize:当窗口大小变化时在window触发

scroll:当用户滚动带滚动条的元素中的内容时,在该元素上面触发

二、鼠标事件

1.事件类型

onclick 单击ondbclick 双击oncontextmenu 右键菜单onmouseover 鼠标移入onmouseout鼠标移出
onmouseenter鼠标移入(建议使用)onmouseleave鼠标移出(建议使用)onmousedown鼠标按下onmouseup鼠标抬起onmousemove鼠标移动

2.坐标位置

screenX 在屏幕中的x坐标

screenY 在屏幕中的y坐标

相对于body:clientX表示事件发生时鼠标指针在视口的水平坐标,clientY表示事件发生时鼠标在视口的垂直坐标。(IE没有pageX(在页面中的x坐标)和pageY(在页面中的y坐标))

获取点击目标的坐标(offsetX和offsetY)

三、键盘事件

event.keyCode 键码值(判断按键的标准)

keydown:当用户按下键盘上的任意键时触发,按住不动将重新触发

keyup:当用户释放键盘上的键时触发

event.charCode  键码(ASCII编码形式展示,需要通过String.fromCharCode()方法转换,IE9不支持)

四、表单事件

focus:元素获得焦点时触发

blur:元素失去焦点时触发

submit():提交表单

change:当input、textarea元素value值改变且失去焦点、select元素选项改变时触发

input:当input、textarea元素value值改变同步触发事件、select元素选项改变时触发(有兼容问题:IE  onpropertychange  非IE  oninput) 

注:change和input的区别

change:value发生改变,并失去焦点时触发,input:只要value发生变化就触发

五、阻止冒泡

非IE:fn   stopPropagation()

IE: pro  cancleBubble=true

六、阻止默认

非IE:fn   preventDefault()

IE: pro  returnValue=true

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值