-
mousedown事件触发需要以下几点:
mousedown强调是按下触发
如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件
任何鼠标按钮被按下时都能触发mousedown事件
用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3
mouseup事件触发需要以下几点:
mouseup强调是松手触发,与mousedown是相反的
mouseup与mousedown组合起来就是click事件
如果用户在一个元素上按下鼠标按键,并且拖动鼠标离开这个元素,然后释放鼠标键,这仍然是算作mouseup事件
任何鼠标按钮松手时都能触发mouseup事件
用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3
另外需要注意的是:
click与mousedown的区别:
click事件其实是由mousedown于mouseup 2个动作构成,所以点击的动作只有在松手后才触发
查看全部 -
dbclick与click事件不同的是:
click事件触发需要以下几点:
click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发
dblclick又是由2个click叠加而来的,所以dblclick事件只有在满足以下条件的情况下才能被触发
鼠标指针在元素里面时点击。
鼠标指针在元素里面时释放。
鼠标指针在元素里面时再次点击,点击间隔时间,是系统而定。
鼠标指针在元素里面时再次释放。
注意:在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的,一些浏览器在dblclick之前接受两个 click 事件 ,而一些浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度
查看全部 -
你这样想好了
function a() {
$("button:eq(2)").click(1111, data)
}
function data(e) {
alert(e.data)
}
两个函数顺序对调 (事实上都是一样的) 我先执行函数a() 在click事件中传入了数据111和函数data(),当触发click事件时,调用函数data=====data(e)//因为此时的e就是click事件 所以 函数data()中的e.data就等于1111查看全部 -
triggerHandler与trigger的用法是一样的,重点看不同之处:
triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit()
.trigger() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素
使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理
与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined
triggerHandler只阻止它本身触发的事件冒泡
这里$("input").triggerHandler("focus","没有触发默认聚焦事件");中的两个参数是传入input的focus事件中的,参数1也就是arg1已经指定的了要触发的事件就是focus,参数arg2也就是要传入input的focus事件中的title的值所以会弹出"没有触发默认聚焦事件”
查看全部 -
triggerHandler与trigger的用法一样,重点看不同之处:
triggerHandler不会触发浏览器的默认行为,triggerHandler("submit")将不会调用表单上的.submit()
.trigger()会影响所有与jQuery对象相匹配的元素,而。triggerHandler()仅影响第一个匹配到的元素
使用.triggerHandler() 触发的事件,并不会在DOM树中向上冒泡。如果它们不是由目标元素直接触发的,那么它就不会进行任何处理
与普通的方法返回jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined
查看全部 -
trigger事件还有一个特性:会在DOM树上冒泡,所以如果要阻止冒泡就需要在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡
查看全部 -
event.pageX和event.pageY: 获取鼠标当前相对于页面的坐标
event.preventDefault()方法: 阻止默认行为
event.stopPropagation()方法:阻止事件冒泡
event.which:获取在鼠标单击时,单击的是鼠标的哪个键
event.currentTarget:在事件冒泡过程中的当前DOM元素
.this和event.target都是dom对象
查看全部 -
通过.on()绑定的事件处理程序
通过.off()方法移除该绑定
绑定2个事件
$("elem").on("mousedown mouseup",fn)
删除一个事件
$("elem").off("mousedown")
删除所有事件
$("elem").off("mousedown mouseup")
快捷方式删除所有事件
$("elem").off()
查看全部 -
事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数。
查看全部 -
jQuery鼠标事件之mousemove事件
查看全部 -
hover() 方法是同时绑定mouseenter和mouseleave事件
$(selector).hover(handlerIn, handlerOut)
handlerIn(eventObject): 当鼠标指针进入元素时触发执行的事件函数
handlerOut(eventObject): 当鼠标指针离开元素时触发执行的事件函数
查看全部 -
mouseenter事件和mouseover的区别:冒泡的方式处理问题
查看全部 -
click事件触发需要:click事件是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手以后才触发
dbclick事件触发需要:dbclick是由2个click叠加而来的,鼠标指针在元素里面时点击且释放;再次点击,点击间隔时间,是系统而定,且再次释放。
查看全部 -
click方法用于监听用户单击操作;
dbclick方法用于监听用户双击操作;
方法一:$ele.click()
方法二:$ele.click(handler(eventObject))
方法三:$ele.click([eventData], handler(eventObject))
查看全部 -
方法 描述 $ele.click() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 $ele.click( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作了,方法中的this是指向了绑定事件的元素 $ele.click( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 $ele.mousedown() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少 $ele.mousedown( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.mousedown( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 $ele.mousemove() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 $ele.mousemove( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.mousemove( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 $ele.mouseover() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 $ele.mouseover( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.mouseover( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 mouseenter() 只会在绑定它的元素上被调用,而不会在后代节点上被触发,不会冒泡 mouseover() 不只是在绑定它的元素上被调用,而且还会向上冒泡在其祖辈元素节点上被调用 hover() $(selector).hover(handlerIn, handlerOut),当鼠标指针进入元素时触发执行的事件函数handlerIn,当鼠标指针移出元素时触发执行的事件函数handlerOut, $ele.focusin() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,一般用的比较少 $ele.focusin( handler ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.focusin( [eventData ], handler ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 $ele.focusout() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少 $ele.focusout( handler ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.focusout( [eventData ], handler ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 blur() focus和blur是由内像外进行事件冒泡。focusin和focusout是由外像内进行捕获,所以当父元素添加了focusin和focusout时子元素也会触发聚焦或者失焦事件 change() input元素:监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发;select元素:对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发;textarea元素:多行文本输入框,当有改变时,失去焦点后触发change事件 .select() select事件只能用于<input>元素与<textarea>元素,触发元素的select事件: $ele.select( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.select( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 $ele.submit() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 $ele.submit( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 $ele.submit( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 keydown() 当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它。使用上非常简单,与基本事件参数处理保持一致 keyup() 当用户在一个元素上第一次松手键盘上的键的时候,就会触发它。使用方法与keydown是一致的只是触发的条件是方法的 keypress() keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本,keypress事件与keydown和keyup的主要区别:只能捕获单个字符,不能捕获组合键,无法响应系统功能键(如delete,backspace),不区分小键盘和主键盘的数字字符.KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。 .on( events ,[ selector ] ,[ data ] ) 多事件绑定 off() 移除事件 $('#elem').trigger('click'); 自定义事件,根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为 triggerHandler() triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit(),.trigger() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素,使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理,与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined 查看全部
举报