-
on高级：查看全部
-
on()的高级用法: $(祖先元素).on(事件名，当前子元素，执行函数hander) 还有根据on演变出来的live方法(1.7后去掉了)，delegate方法on的另一个事件机制委托的机制 委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> $("div").on("click","p",fn)查看全部
-
on()的多事件绑定： 1：基本用法：.on( events ,[ selector ] ,[ data ] ) 最常见的给元素绑定一个点击事件，对比一下快捷方式与on方式的不同 $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 ps:最大的不同点就是on是可以自定义事件名 2: 多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 3：多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){} }); 4：将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet );查看全部
-
ps: 在input元素上绑定keydown事件会发现一个问题： 每次获取的内容都是之前输入的，当前输入的获取不到 keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本查看全部
-
keydown()与keyup()事件 keydown < keyup (v速，反应慢)查看全部
-
之keypress()事件: keypress事件与keydown和keyup的主要区别 只能捕获单个字符，不能捕获组合键 无法响应系统功能键（如delete，backspace） 不区分小键盘和主键盘的数字字符 总而言之， KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
键盘事件之keydown()与keyup()事件: keydown事件： 当用户在一个元素上第一次按下键盘上字母键的时候，就会触发它。使用上非常简单，与基本事件参数处理保持一致，这里使用不在重复了 //直接绑定事件 $elem.keydown( handler(eventObject) ) //传递参数 $elem.keydown( [eventData ], handler(eventObject) ) //手动触发已绑定的事件 $elem.keydown() 注意： keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。查看全部
-
jQuery处理如下： $("#target").submit(function(data) { return false; //阻止默认行为，提交表单 });查看全部
-
submit事件： 在form表单上提交 <script type="text/javascript"> //回车键或者点击提交表单 $('#target1').submit(function(e) { alert('捕获提交表达动作,不阻止页面跳转') }); //回车键或者点击提交表单,禁止浏览器默认跳转： $('#target2').submit(function() { alert('捕获提交表达动作,阻止页面跳转') return false; });查看全部
-
submit事件： 用途：提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作（例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作 方法一：$ele.submit() 方法二：$ele.submit( handler(eventObject) ) 方法三：$ele.submit( [eventData ], handler(eventObject) ) ps:通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为 具体能触发submit事件的行为： <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时，敲击Enter（回车键） 注意： form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可 $("#target").submit(function(data) { return false; //阻止默认行为，提交表单 });查看全部
-
select：选中事件触发 方法一：.select() 方法二：$ele.select( handler(eventObject) ) 方法三：$ele.select( [eventData ], handler(eventObject) )查看全部
-
select事件（选中触发事件）： select事件只能用于<input>元素与<textarea>元素 当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。查看全部
-
change事件： <input>元素，<textarea>和<select>元素的值都是可以发生改变的，开发者可以通过change事件去监听这些改变的动作 input元素 监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。 select元素 对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发 textarea元素 多行文本输入框，当有改变时，失去焦点后触发change事件查看全部
-
blur和focus只支持它本身input绑定的事件，不冒泡 focusin和 focusout支持本身和父元素绑定的事件，因为他支持冒泡事件找到了父元素绑定事件触发查看全部
-
之blur与focus事件：（不冒泡） focusin()与focusout()事件冒泡 focus与focusin它们之间的本质区别: 是否支持冒泡处理查看全部
举报
0/150
提交
取消