博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery api 笔记(2) 事件 事件对象
阅读量:4363 次
发布时间:2019-06-07

本文共 1671 字,大约阅读时间需要 5 分钟。

事件
#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 不是很理解.

转载于:https://www.cnblogs.com/kids/p/jqueryapinote2.html

你可能感兴趣的文章
浅谈JavaScript中的eval()
查看>>
Unity3D中的线性插值Lerp()函数解析
查看>>
学到的一种把数据集序列化为本地文件的方法
查看>>
Hadoop部署配置文件
查看>>
阿里云-域名免费申请ssl证书过程
查看>>
android studio 2.2 使用cmake编译NDK
查看>>
解决Fragment中使用ViewPager时,ViewPager里的Fragment错位和空白问题
查看>>
Android SurfaceView实战 打造抽奖转盘
查看>>
SQL查询原理及执行顺序
查看>>
浅拷贝深拷贝Python对象的拷贝
查看>>
列表代码我的第一个封装js代码-----展开收起效果
查看>>
5_4学生类
查看>>
利用cv与matplotlib.pyplot读图片与显示图片
查看>>
算法——(转)动态规划入门
查看>>
webpack 的sass-loader打包出错问题,提示 Module not found: Error: Can't resolve '*.css' 的问题...
查看>>
HDOJ---2066 一个人的旅行[Dijkstra算法]
查看>>
35个jQuery小技巧!
查看>>
20140308 std::fill
查看>>
【题解】大床Nim (2019,5.23)
查看>>
[考试反思]0818NOIP模拟测试25:清心
查看>>