-
$('#target1').submit(function(e) { alert('捕获提交表达动作,不阻止页面跳转') }); //回车键或者点击提交表单,禁止浏览器默认跳转： $('#target2').submit(function() { alert('捕获提交表达动作,阻止页面跳转') return false; });查看全部
-
方法一：$ele.focusin() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，一般用的比较少 <div id="test">点击触发<div> $("ele").focusin(function(){ alert('触发指定事件') }) $("#text").mouseup(function(){ $("ele").focusin() //指定触发事件 }); 方法二：$ele.focusin( handler ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#text").focusin(function() { //this指向 div元素 }); 方法三：$ele.focusin( [eventData ], handler ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").focusin(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); <script type="text/javascript"> //不同函数传递数据 function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕课网', fn) } a(); </script>查看全部
-
$("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
-
方法一：$ele.mouseover() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").mouseover(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").mouseover() //指定触发事件 }); 方法二：$ele.mouseover( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">滑动触发<div> $("#text").mouseover(function() { //this指向 div元素 }); 方法三：$ele.mouseover( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").mouseover(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });查看全部
-
方法一：$ele.mousedown() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，可能一般用的比较少 <div id="test">点击触发<div> $("ele").mousedown(function(){ alert('触发指定事件') }) $("#text").mousedown(function(){ $("ele").mousedown() //手动指定触发事件 }); 方法二：$ele.mousedown( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#text").mousedown(function() { //this指向 div元素 }); 方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").mousedown(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });查看全部
-
dbclick与click事件不同的是： click事件触发需要以下几点： click事件其实是由mousedown与mouseup 2个动作构成，所以点击的动作只有在松手后才触发 PS:mousedown和mouseup下一节会讲到 dblclick事件触发需要以下几点： dblclick又是由2个click叠加而来的，所以dblclick事件只有在满足以下条件的情况下才能被触发 鼠标指针在元素里面时点击。 鼠标指针在元素里面时释放。 鼠标指针在元素里面时再次点击，点击间隔时间，是系统而定。 鼠标指针在元素里面时再次释放。 注意：在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的，一些浏览器在dblclick之前接受两个 click 事件 ，而和其它浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度查看全部
-
click与dbclick事件 用交互操作中，最简单直接就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用户是类似，下面以click()事件为例 使用上非常简单： 方法一：$ele.click() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").click() //手动指定触发事件 }); 方法二：$ele.click( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数，这样可以针对事件的反馈做很多操作了，方法中的this是指向了绑定事件的元素 <div id="test">点击触发<div> $("#text").click(function() { //this指向 div元素 }); 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); dbclick()的用法和click()的用法是类似的，可以参考以上click()的用法查看全部
-
trigger会触发浏览器默认行为，比如光标聚集，triggerHandler则不会，它只会显示文本，触发focus事件函数 triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替查看全部
-
<body> <h2>自定义事件trigger</h2> <div class="left"> <div><span></span><span>0</span>点击次数</div> <button>直接点击</button> <button>通过自定义点击</button> </div> <script type="text/javascript"> //点击更新次数 $("button:first").click(function(event,bottonName) { bottonName = bottonName 'first'; update($('span:first'),$("span:last"),bottonName); }); //通过自定义事件调用，更新次数 $("button:last").click(function() { $("button:first").trigger('click','last'); }); function update(first,last,bottonName) { first.text(bottonName); var n = parseInt(last.text()); last.text(n + 1); } </script> </body> trigger触发浏览器事件与自定义事件区别？ 自定义事件对象，是jQuery模拟原生实现的 自定义事件可以传递参数 trigger是什么？ 简单来讲就是：根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为查看全部
-
当点击第一个 button 时，会触发第一个按钮的 click事件，function 参数中的 bottonName,此时还未定义（undefined）,所以在执行"或"语句时，将 'first'这个字符串赋给bottonName,继续执行 update()函数。第一个参数为第一个 span对象，第二个参数为第二个 span对象，第三个参数的内容此时为 'first'。在update函数中，将第一个span的文本设置为 'first',将第二个span的文本转换为整型，基数为10，计数器n自加 1，并赋给第二个 span的文本。 点击第二个 button的过程以此类推。 var n = parseInt(last.text(),10); //10表示10进制查看全部
-
alert需要执行的条件：必须有用户点击才可以。如果不同用户交互是否能在某一时刻自动触发该事件呢？ 正常来说是不可以的，但是jQuery解决了这个问题，提供了一个trigger方法来触发浏览器事件。 rigger除了能够触发浏览器事件，同时还支持自定义事件，并且自定义时间还支持传递参数。 trigger触发浏览器事件与自定义事件区别？ 自定义事件对象，是jQuery模拟原生实现的 自定义事件可以传递参数查看全部
-
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁查看全部
-
KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
blur和foucus事件支持冒泡处理查看全部
-
event.type：获取事件的类型 event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 event.preventDefault() 方法：阻止默认行为 event.stopPropagation() 方法：阻止事件冒泡 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素，等同于this .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换，为jquery对象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
举报
0/150
提交
取消