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