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