Monthai: jQuery事件实践总结

Original 2018-11-11 18:42:10 259
abstract:事件清单.blur() //失去焦点 .focus() //获得焦点 .change() //元素值发生变化 .click() .dblclick() //双击 .mouseover() //不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件 .mouseenter() //只有在鼠标指

事件清单

.blur() //失去焦点 .focus() //获得焦点 .change() //元素值发生变化 .click() .dblclick() //双击 .mouseover() //不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件 .mouseenter() //只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件 .mouseleave() //只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件 .mouseout() //不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件 .mousedown() .mouseup() .resize() //缩放窗口 .pageX //相对于文档左边缘的鼠标位置 .pageY //相对于文档上边缘的鼠标位置

(1)pageX、pageY是对象属性,不是方法,后面不需要加(),但是前面需要指定对象,该对象为function的参数。如果坐标是针对整个窗口的,函数对象应该是document。

$(document).mousemove(function(aa){ $('span').text('X:'+aa.pageX+'Y:'+aa.pageY) })

(2)resize()的对象是window。

(3)text()输出问题

//方法一: var num = 0 $(window).resize(function(){ $('b').text('调整次数'+ num++) //此方法调整一次后依然返回0 alert('窗口已被调整') } //方法二: var num = 0 $(window).resize(function(){ $('b').text(num+=1) //从1开始,但不能用"文本"+输出,会出错,无提示 alert('窗口已被调整') }

完整代码

    jQuery事件   
双击触发变色
坐标
窗口调整次数:

END

Release Notes

Popular Entries