-
事件绑定 基本用法：.on( events ,[ selector ] ,[ data ] ) 对比一下快捷方式与on方式的不同： $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同点就是on是可以自定义事件名，当然不仅只是如此： （1）多个事件绑定同一个函数： $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 （2）多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){} }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法 （3）将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
-
keypress事件与keydown和keyup的主要区别 只能捕获单个字符，不能捕获组合键 无法响应系统功能键（如delete，backspace） 不区分小键盘和主键盘的数字字符 总而言之， KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
键盘事件之keydown()与keyup()事件 相对应的键盘也有这类事件，将用户行为分解成2个动作，键盘按下与松手，针对这样的2种动作，jQuery分别提供了对应keydown与keyup方法来监听。 注意： keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的查看全部
-
<form action="______">这里面的地址就是提交之后页面跳转的地址。查看全部
-
表单事件之submit事件 提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作（例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作。 具体能触发submit事件的行为： <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时，敲击Enter（回车键） 上述这些操作下，都可以截获submit事件。 这里需要特别注意： form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可 $("#target").submit(function(data) { return false; //阻止默认行为，提交表单 });查看全部
-
当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 select事件只能用于<input>元素与<textarea>元素 $("input").select(function(e){ alert(e.target.value) }) $("#bt1").click(function(){ $("input").select(); }) //监听textarea元素中value的选中 $('textarea').select(function(e) { alert(e.target.value); });查看全部
-
表单事件之change事件 input元素 监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。 select元素 对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发。 textarea元素 多行文本输入框，当有改变时，失去焦点后触发change事件。查看全部
-
表单事件之blur与focus事件 与focusin事件与focusout事件之间的本质区别:是否支持冒泡处理 focus()在元素本身产生，focusin()在元素包含的元素中产生 blur与focusout也亦是如此 focus 和 blur 不会冒泡 focusin 和 focusout 会冒泡查看全部
-
focusout和focus效果相反是失去焦点时候才触发的行为查看全部
-
jquery需要捕获聚集动作用focusin事件 1.用focusin只指定触发一个事件 $('ele').focusin(function(){alert()}) 2.用fousin给定一个回调的事件行为 $('ele').focusin(function(){$(this).css()//给定一个事件行为}) 3.focusin接受一个数据参数 未解决不同作用域数据传递 $('ele').focusin(1111,fn)//function(e){}===fn function fn(e){$(this).val(e.data)} //e.data===1111查看全部
-
mouseover、mouseout、mouseenter、mouseleave事件，可以用来给元素做一个简单的切换效果，在元素上移进移出切换其换色，一般通过2个事件配合就可以达到，这里用mouseenter与mouseleave，这样可以避免冒泡问题： $(ele).mouseenter(function(){ $(this).css("background", '#bbffaa'); }) $(ele).mouseleave(function(){ $(this).css("background", 'red'); }) ======= $("ele").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } ); hover()这个方法里头封装的是mouseenter(), mouseleave()两个方法, 可以阻止冒泡问题. 这个方法可以用来改变样式, 比如鼠标移入div变色, 移出回到以前的颜色. 相当于css中的div:hover, 但是:hover很多的浏览器对a:hover支持还不错, 对div:hover, ul:hover支持有点差, 特别是ie6,ie7这些较低的版本. 用jquery可以解决兼容性,代码量比js要少很多, 可以专注在逻辑业务上.查看全部
-
鼠标事件之mouseenter与mouseleave事件 监听用户操作鼠标是否有移到元素内部或是元素外部 mouseenter事件和mouseover的区别:冒泡的方式处理问题 触发了mouseover，他会一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就会被触发；mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发。查看全部
举报
0/150
提交
取消