zoukankan      html  css  js  c++  java
  • (5)jQuery篇 —— jQuery的事件与事件对象②

    1. 事件对象

    (1) event.currentTarget : 在事件冒泡阶段中的当前DOM元素。

    (2) event.data : 前执行的处理器被绑定的时候,包含可选的数据传递给jQuery.fn.bind。

    (3) event.delegateTarget : 此属性是最经常有用是通过过 .delegate() 或 .on() 附加委派的事件,事件处理程序附加在正在处理的元素的祖先上。它可用于,例如,指明委派识别和删除事件处理程序。

    (4) event.isDefaultPrevented() : 根据事件对象中是否调用过 event.preventDefault() 方法来返回一个布尔值。

    (5) event.isImmediatePropagationStopped() : 根据事件对象中是否调用过 event.stopImmediatePropagation() 方法来返回一个布尔值。

    (6) event.isPropagationStopped() : 根据事件对象中是否调用过 event.stopPropagation() 方法来返回一个布尔值。

    (7) event.namespace : 当事件被触发时此属性包含指定的命名空间。

    (8) event.pageX : 鼠标相对于文档的左边缘的位置。

    (9) event.pageY : 鼠标相对于文档的左边缘的位置。

    (10) event.preventDefault() : 阻止默认事件行为的触发。

    (11) event.relatedTarget :在事件中涉及的其它任何DOM元素。对于 mouseout 事件,它指向被进入的元素;对于 mousein 事件,它指向被离开的元素。

    (12) event.result : 这个属性包含了当前事件事件最后触发的那个处理函数的返回值,除非值是 undefined 。

    (13) event.stopImmediatePropagation() : 阻止剩余的事件处理函数执行并且防止事件冒泡到DOM树上。

    (14) event.stopPropagation() : 防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数。

    (15) event.target : 最初触发事件的DOM元素。

    (16) event.timeStamp : 这个属性返回事件触发时距离1970年1月1日的毫秒数。

    (17) event.type : 点击所有锚点后弹出事件类型。

    (18) event.which : 针对键盘和鼠标事件,这个属性能确定你到底按的是哪个键或按钮。

    这里的事件对象看起来真的是晦涩难懂,如果以后用到了再回头看吧。我现在在想,虽然jQuery被淘汰了,但它的思想确实引领了一个时代!

    我们可以有更好的方式和眼光去对待前端,而不是简单的使用操作DOM来改变页面元素的方式,下一个学习点是ES6语法,真的学不过来,想要赶上潮流方向,还有很多路要走。。。

    下一个点讲讲动画吧。。最后把这单动画讲完开始更新ES6语法啦!ES6学习完就可以开始Node.js的学习了。。。

  • 相关阅读:
    【k8s学习笔记】Kubernetes API概念
    【k8s学习笔记】使用 kubeadm 部署 v1.18.5 版本 Kubernetes集群
    通过yum展示安装包依赖关系,下载rpm包
    【kubeadm初始化报错】failed to run Kubelet: misconfiguration: kubelet cgroup driver: "cgroupfs" is different from docker cgroup driver: "systemd"
    npm 安装依赖报错解决:npm ERR! Unexpected end of JSON input while parsing near
    【K8s学习笔记】K8s是如何部署应用的?
    【K8S学习笔记】初识K8S 及架构组件
    python包的多种安装方式(内网)
    Python利用ConfigParser读取配置文件
    Tomcat 容器模型
  • 原文地址:https://www.cnblogs.com/luohaoran/p/6054024.html
Copyright © 2011-2022 走看看