-
jQuery表单事件之change事件 <input>元素,<textarea>和<select>元素的值都是可以发生改变的,开发者可以通过change事件去监听这些改变的动作。 1. 下拉选择框(select)、单选按钮和复选框:当鼠标作出选择时,该事件立即触发; 2. input、textarea元素:监听value值的变化,当有改变时,失去焦点后触发change事件。查看全部
-
jQuery表单事件之blur与focus事件 获得焦点:focus(不支持冒泡) focusin(支持冒泡) 失去焦点:blur(不支持冒泡) focusout(支持冒泡)查看全部
-
jQuery鼠标事件之focusout事件 失去焦点 方法一:$ele.focusout() 方法二:$ele.focusout( handler ) 方法三:$ele.focusout( [eventData ], handler )查看全部
-
jQuery鼠标事件之focusin事件 获得焦点 方法一:$ele.focusin() 方法二:$ele.focusin( handler ) 方法三:$ele.focusin( [eventData ], handler )查看全部
-
jQuery鼠标事件之hover事件 $(selector).hover(handlerIn, handlerOut): handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数查看全部
-
jQuery鼠标事件之mouseenter与mouseleave事件 mouseenter事件和mouseover的区别:关键点就是:冒泡的方式处理问题 mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发查看全部
-
jQuery鼠标事件之mouseover与mouseout事件 方法一:$ele.mouseover() 方法二:$ele.mouseover( handler(eventObject) ) 方法三:$ele.mouseover( [eventData ], handler(eventObject) )查看全部
-
jQuery鼠标事件之mousemove事件 方法一:$ele.mousemove() 方法二:$ele.mousemove( handler(eventObject) ) 方法三:$ele.mousemove( [eventData ], handler(eventObject) ) mousemove事件触发需要以下几点: 1. mousemove事件是当鼠标指针移动时触发的,即使是一个像素; 2. 如果处理器做任何重大的处理,或者如果该事件存在多个处理函数,这可能造成浏览器的严重的性能问题。 event.pageX 属性: 返回鼠标指针的位置,相对于文档的左边缘。 参数:event 必需,来自事件绑定函数。 提示:该事件属性通常与 event.pageY 属性一起使用。查看全部
-
jQuery鼠标事件之mousedown与mouseup事件///方法三还是有点懵!!!!!!!!!!!!!!! 方法一:$ele.mousedown() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少; 方法二:$ele.mousedown( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数; 方法三:$ele.mousedown( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题; mousedown事件触发需要以下几点: 1. mousedown强调是按下触发 2. 如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件 3. 任何鼠标按钮被按下时都能触发mousedown事件 4. 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3查看全部
-
jQuery鼠标事件之click与dbclick事件 方法一:$ele.click() 方法二:$ele.click( handler(eventObject) ) 方法三:$ele.click( [eventData ], handler(eventObject) ) ??? http://www.365mini.com/page/jquery-click.htm //方法三解析 注意:在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的,一些浏览器在dblclick之前接受两个 click 事件 ,而一些浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度查看全部
-
form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可查看全部
-
focus与blur事件:不支持冒泡,focusin与focusout支持冒泡查看全部
-
//传参数的用法(和前几节传参一样) function data(wv){ //因为参数是传给要执行任务的函数的,这个函数有什么用先定义好 alert(wv.data); //比如触发时提示参数内容(wv可以用别的代替,比如e) $('input').css("border","2px solid red") //比如触发时改变input边框(不需要设置参数) } function a(){ $('textarea').select(465,data) } a();//可以和前面的function a(){}一起省略查看全部
-
//监听input值的改变 $('.target1').change(function(e) { //function(e)中的e是当前事件对象 $("#result").html(e.target.value) }); //监听select: $(".target2").change(function(e) { $("#result").html(e.target.value) }) //监听textarea: $(".target3").change(function(e) { $("#result").html(e.target.value) }) </script> </body>查看全部
-
focus与blur事件:不支持冒泡,focusin与focusout支持冒泡 $(".aaron ").focus(function() { $(this).css('border', '2px solid red') }) //div无法接受focus和focusin事件,所以这里点击div也是没有效果的,但是可以接受冒泡的focusin事件,所以改成focusin之后,点击input,冒泡到div也触发了;但是input本身支持focus和focusin,只不过focusin看到冒泡触发,focus不触发;查看全部
举报
0/150
提交
取消