js 事件对象

Event

  1. 事件对象 触发事件的媒介 比如点击事件那么事件对象就是鼠标
  2. 事件函数的第一个参数 event(通常写成event 携程其他任何都可以,但是一般 event eve e)就是事件对象
  3. 式按键函数内的阐述event有时候可以省略直接使用,也就是在事件函数的参数上什么也不写,但是最好设置一下,防止出现兼容问题

属性

  1. target 返回当前触发事件的元素(不是事件冒泡冒上的元素)
  • 获取标签名 tagName 获取大写标签名
  1. timeStamp 进入页面后多久时间时间才触发(毫秒数)
  2. type 获得事件类型(click…)
  3. pageX 鼠标点击的那个点相对于文档的水平距离
  4. pageY 鼠标点击的那个点相对于文档的垂直距离
  5. offsetX 鼠标点击的那个点相对于自身的水平距离
  6. offsetY 鼠标点击的那个点相对于自身的垂直距离
  7. clientX 相对于点击那个点相对于窗口的水平距离
  8. clientY 相对于点击那个点相对于窗口的垂直距离
  9. wich 鼠标按下的哪个键 1左键
  10. offsetLeft offsetTop 可以得到元素的偏移 位置 返回的不带单位的数值 它以带有定位的父亲为准 如果么有父亲或者父亲没有定位 则以 body 为准
  11. offsetWidth 可以得到元素的大小 宽度和高度 是包含padding + border + width

方法

  1. event.preventDefault()阻止默认行为
  2. stopPropagation()阻止事件冒泡
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值