-
//点击更新次数 $("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(), 10); last.text(n + 1); } $("button:first")被点击是没有传入参数的，所以此时bottonName 是不存在的。当你点击$("button:first")的时候是取||后面的值，此时first当做一个参数传入函数update之中。当你点击$("button:first")的时候，last是参数，表示点击$("button:first")的时候是取||前面的值，即last。 函数update中，first是传入的参数$("span:first")，$("span:first").text()是设置第一个span的文本是什么，根据传入的是last还是first进行显示。 两个span元素，点击按钮修改第一个span的内容和让第二个span的内容向上加，第二个span的是last.text()控制的，第一个span的内容是first.text()控制的，注意，内容只是first或者last,不需要让第一个span的内容向上加，数字向上加都是通过last.text(n+1)控制。查看全部
-
event.type：获取事件的类型 event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 event.preventDefault() 方法：阻止默认行为 event.stopPropagation() 方法：阻止事件冒泡 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素 this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
focus()在元素本身产生，focusin()在元素包含的元素中产生 blur与focusout也亦是如此查看全部
-
用event 对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3查看全部
-
1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为查看全部
-
用通俗易懂的语言讲讲这段代码的意思： function fn(e) {$(this).val(e.data)} function a() {$("input:last").focusin('慕课网', fn)} a(); a();-->调用 function a()函数 ， $("input)选出所有input标签的集合，$("input:last")就是从input标签集合中取出最后一个便签，focusin()获得焦点事件，$("input:last").focusin('慕课网', fn)意为 给input标签集合中最后的一个input便签设置获得焦点事件，参数为 ‘慕课网‘ fn是回调函数 即是function fn(e)函数，this是触发事件目标（在这里也就是是前面取得的最后input标签）， $(this)把DOM的this对象转化为JQuery的对象， $(this).val( e.data) 是对触发事件对象设置值，值e.data 就是前面参数 '慕课网' 。 其实 function a() { $("input:last").focusin('慕课网', fn) } 等价 function a() { $("input:last").focusin('慕课网',function fn(e) { $(this).val(e.data） }) }查看全部
-
事件对象Event： 只在事件发生时产生，记录相关信息；只能在事件处理函数内部调用，函数结束就销毁。 属性： <event>.target：当前触发事件的元素 <event>.currentTarget：处理事件的元素，等同于this <event>.which：鼠标和键盘的键值 <event>.type：事件类型 <event>.pageX和<event>.pageY：鼠标相对于页面的坐标 方法： <event>.preventDefault()：阻止默认行为 <event>.stopPropagation()：阻止冒泡 <event>.stopImmediatePropagation()：阻止后续事件处理程序执行及冒泡查看全部
-
<script type="text/javascript"> //点击更新次数 $("button:first").click(function(event,bottonName) { bottonName = bottonName || 'first'; //存在bootName就用，不存在用first update($("span:first"),$("span:last"),bottonName); }); //通过自定义事件调用，更新次数 $("button:last").click(function() { $("button:first").trigger('click','last');//触发click事件并传bottonName }); function update(first,last,bottonName) { first.text(bottonName); //输出bottonName var n = parseInt(last.text(), 10); parseInt() 函数可解析一个字符串，并返回一个整数。 parseInt(string, radix) string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 last.text(n + 1); //输出次数 } </script>查看全部
-
简单的讲, 加了第二个参数( selector )后, 如果触发了事件( event ), 就调用函数(fn) ,并逐级向上冒泡查找还有没有这个选择器. $('body').on('click', 'div', function(e) { alert(this.className) }) // aaron // left 我们将第二个参数替换成div, 并显示div的类名就很容易懂了查看全部
-
因为trigger会触发浏览器的默认行为 即input的聚焦行为，此时是不能将input设置title值的；而triggerHandler不会触发浏览器的默认行为 即input的聚焦行为，此时是可以将input设置title值的。 就这样。查看全部
-
focus 和blur,focusin和focusout 都能触发表单事件， 但是focus和blur只接受本身元素绑定的焦点和失去焦点事件。 focusin和focusout可以接受到它绑定元素的后辈元素的焦点和失去焦点事件（冒泡事件）,捕获事件相反。查看全部
-
trigger事件是具有触发原生与自定义能力的，但是存在一个不可避免的问题： 事件对象event无法完美的实现，毕竟一个是浏览器给的，一个是自己模拟的。尽管 .trigger() 模拟事件对象，但是它并没有完美的复制自然发生的事件，若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替 triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
.on( events ,[ selector ] ,[ data ], handler(eventObject) ) 在on的第二参数中提供了一个selector选择器，简单的来描述下 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数查看全部
-
keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本 当浏览器捕获键盘输入时，还提供了一个keypress的响应，这个跟keydown是非常相似，这里使用请参考keydown这一节，具体说说不同点 keypress事件与keydown和keyup的主要区别 只能捕获单个字符，不能捕获组合键 无法响应系统功能键（如delete，backspace） 不区分小键盘和主键盘的数字字符 总而言之， KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
mouseover指鼠标在绑定元素上移动时，就会触发事件。同时，当父元素和子元素都绑定mouseover事件后，在其后代元素上移动时也会触发其父亲的mouseover事件。 mouseenter指鼠标移入绑定元素时，就会触发事件。同时，当父元素和子元素绑定mouseenter事件后，在其后代元素上移动时不会触发其父亲的mouseenter事件。查看全部
举报
0/150
提交
取消