zoukankan      html  css  js  c++  java
  • jquery api 笔记(2) 事件 事件对象

    事件
    #1.resize()
        缩放窗体:window.resizeTo(width, height); 并不是兼容做法。
     
    #2 .scroll()
    ->获取滚动条的位置: .scrollTop()  .scrollLeft()
     
    #3 .ready()
    ->ready是在dom加载完成后就可以直接对dom进行操作.
    ->onload是在整个document文档(包括了加载图片等其他信息)加载完成后就可以直接对dom进行操作
    ->等价简写法:
        $(function(){
            //console.log('Hello');
        });
     
    #4 .on() 
    ->.on( events [, selector ] [, data ], handler(eventObject) )
    ->区别于.bind(), bind只能为已经存在的元素绑定各一个事件。
    ->.delegate() 已经被on取代了,区别与bind() delegate可以为已存在的元素绑定事件,以及以后可能匹配的元素绑定事件。
    ->使用on强烈建议在ready()中进行事件绑定以确保匹配的元素已经在文档中存在。
    ->因为selector参数的存在,可以对匹配的元素进行选择性的绑定
    ->event.preventDefault(); 用来阻止默认事件的执行
     
    #5 .off()
    off() 方法移除用.on()绑定的事件处理程序
    ->因为selector参数的存在,可以对匹配的元素进行选择性的事件解绑。
     
    #6 事件对象 event的属性
    ->currentTarget 属性总是等于函数的this。
    ->data 传递过来的数据对象
    ->delegateTarget 在委派事件处理程序中(使用delegate()或者on()进行事件绑定中)event.delegateTarget 总是等价于event.currentTarget.
    ->isDefaultPrevented() 根据事件对象中是否调用过 event.preventDefault() 方法,来返回一个布尔值。
    ->isImmediatePropagationStopped() 根据事件对象中是否调用过 event.stopImmediatePropagation() (阻止剩余的事件处理函数执行并且防止事件冒泡到DOM树上。) 方法,来返回一个布尔值。
    ->isPropagationStopped()   event.stopPropagation() : 防止事件冒泡到DOM树上
    ->metaKey
    ->namespace 当事件被触发时此属性包含指定的命名空间。
    ->pageX pageY    鼠标的位置。
    ->preventDefault() 如果调用这个方法,默认事件行为将不再触发
    ->relatedTarget 在事件中涉及的其它任何DOM元素。
    ->result  此属性当获取自定义事件前一个返回值时非常有用的。 比如同一个button绑定了2次click事件,第一次返回a, 第二次click事件中就可以访问result ,此时 result = a
    ->stopImmediatePropagation()
    ->stopPropagation()
    ->target  触发事件的DOM元素。 通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的
    ->timeStamp
    ->type 描述事件类型
    ->which  键盘按钮
     
    #7 按键属性
    altKey  判断alt件是否按下
    ctrlKey  判断ctrl件是否按下
    shiftKey  判断shift件是否按下
     
    问题:
    1.event.metaKey  META键是那个?
        meta键就是PC机器的Ctrl键,或者Mac机器上面的Command键
    2.event.namespace 不是很理解.
  • 相关阅读:
    nginx.conf中配置laravel框架站点
    centos6.4下安装php7+nginx+mariadb环境
    Windows Terminal 安装和运行
    微软 WSL 重装操作系统
    Pulumi 如何在 Windows 环境中设置
    Ubuntu 20.04 安装 JDK
    代码的 Lint 是什么意思
    CentOS 8 手动安装 Go 1.16 版本
    Raspberry Pi 安装 go 后提示错误 Exec format error
    系统管理--查看网卡、内存等
  • 原文地址:https://www.cnblogs.com/kids/p/jqueryapinote2.html
Copyright © 2011-2022 走看看