-
keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。 keydown 是在按之前判断(当时text还没有内容),触发一次空,当下一次按键时,就触发上一次输入的内容,所以就少一个。查看全部
-
略作修改,更好的展示出作用,如下截图: <body> <h3>事件委托,通过事件对象区别触发元素</h3> <div class="left"> <div class="aaron"> <ul> <li id="li1">点击:触发一</li> <li id="li2">点击:触发二</li> <li id="li3">点击:触发三</li> <li id="li4">点击:触发四</li> </ul> </div> </div> <script type="text/javascript"> //多事件绑定一 $("ul").on('click',function(e){ alert('触发的元素是: ' + e.target.id) alert('触发的元素是内容是: ' + e.target.textContent) }) </script> </body>查看全部
-
①通过.on()绑定的事件处理程序 ②通过.off() 方法移除该绑定查看全部
-
略作修改,便于理解,如下截图:查看全部
-
$("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 $("#elem").on("mouseover mouseout",function(){ });//多个事件绑定同一个函数 $("#elem").on({//多个事件绑定不同函数 mouseover:function(){}, mouseout:function(){} });查看全部
-
keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。查看全部
-
form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可查看全部
-
略作修改,如下截图:查看全部
-
jQuery鼠标事件之mouseover与mouseout移入移出事件 jQuery提供了这样的事件来监听用户的移入移出操作 方法一:$ele.mouseover() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 <div id="test">点击触发<div> $("ele").mouseover(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").mouseover() //指定触发事件 }); 方法二:$ele.mouseover( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">滑动触发<div> $("#test").mouseover(function() { //this指向 div元素 }); 法三:$ele.mouseover( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#test").mouseover(11111,function(e) { //this指向 div元素 //e.data => 11111 传递数据 });查看全部
-
通过在<form>元素上绑定submit事件,开发者可以监听到用户提交表单的行为 具体能触发submit事件的行为: <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时,敲击Enter(回车键) form元素有默认提交表单的行为,如果用submit处理就要禁止浏览器的这个默认行为, 传统的方式是调用事件对象 e.preventDefault() 来处理; jQuery处理方式: $("#target").submit(function(data) { return false; //阻止默认行为,提交表单 });查看全部
-
点击按钮为什么会弹出3次 alert弹框 这不是冒泡行为,是在chrome下select被执行了三次。iE和FF下就是一次。 第一次:是click触发select。 第二次:浏览器的默认行为, 第三次:浏览器默认行为会选中input内的文本,从而触发第三次select.查看全部
-
input元素:监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。 select元素:对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发 textarea元素:多行文本输入框,当有改变时,失去焦点后触发change事件 $("#result").html(e.target.value) $("#result").html($(e.target).val()); 效果一样。查看全部
-
表单处理事件focusin事件与focusout事件,blur与focus事件 区别:是否支持冒泡 focusin与focusout支持冒泡,blur与focus不支持冒泡查看全部
-
略作修改,如下截图:查看全部
-
略作修改,如下截图:查看全部
举报
0/150
提交
取消