-
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁 回到上面的问题，既然事件对象是跟当前触发元素息息相关的，所以我们就能从里面相关的信息，从事件对象中找到 event.target event.target target 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托 简单来说：event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素查看全部
-
通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 根据on绑定事件的一些特性，off方法也可以通过相应的传递组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除查看全部
-
最大的不同点就是on是可以自定义事件名，当然不仅仅只是如何，继续往下看 多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法查看全部
-
之前学的鼠标事件，表单事件与键盘事件都有个特点，就是直接给元素绑定一个处理函数，所有这类事件都是属于快捷处理。翻开源码其实可以看到，所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。查看全部
-
在input元素上绑定keydown事件会发现一个问题： 每次获取的内容都是之前输入的，当前输入的获取不到 keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本 当浏览器捕获键盘输入时，还提供了一个keypress的响应，这个跟keydown是非常相似，这里使用请参考keydown这一节，具体说说不同点 keypress事件与keydown和keyup的主要区别 对中文输入法支持不好，无法响应中文输入 无法响应系统功能键（如delete，backspace） 由于前面两个限制，keyCode与keydown和keyup不是很一致 总而言之， KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
$("ul").on('click',"li",function(e){ alert('触发的元素是内容是: ' + e.target.textContent) $(this).css({"background":"red","border":"2px solid green"}); }) 在加了li以后 每个li元素都会有点击事件反应。 如果不加 点击li的话 只有ul有效果查看全部
-
keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。查看全部
-
1.一开始 在点击第一个div后 触发的是两个button 事件 即第一个mousedown删除 第二个mousedown和mouseup也删除了 所以在点击第二个div时 是没效 2.如果在一开始点击第二个div时 触发的是两个button 事件 第二个mousedown和mouseup也删除 第一个mousedown删除 所以在第一个div的内容里只出现了 mouseup查看全部
-
通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为 具体能触发submit事件的行为： <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时，敲击Enter（回车键） 上述这些操作下，都可以截获submit事件。 这里需要特别注意： form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可查看全部
-
提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作（例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作查看全部
-
$(this)是指当前绑定的那个元素，event.target是指哪个元素促使事件触发的查看全部
-
keydown事件会少一个字符是因为事件触发在前，获取的是前面已经输入的字查看全部
-
change事件 <input>元素，<textarea>和<select>元素都是可以选择值一些改变，开发者可以通过change事件去监听这些改变的动作 input元素 监听value值的变化，当有改变时，失去焦点后触发change事件 select元素 对于下拉选择框，复选框和单选按钮，当用户用鼠标作出选择，该事件立即触发 textarea元素是失去焦点后触发的查看全部
-
你们看focus和blur事件都绑到了div上，你点击input或者点完移开失去焦点当然没反应了，因为input没有绑定事件啊。 而focusin和focuout也绑在div上，为啥有反应呢？ 因为后者在你点input的时候会一级一级的往上面查父元素，如果父元素有事件就执行了，所以你看到了效果。这叫事件冒泡。 为啥前者不行呢？因为前者不支持事件冒泡。查看全部
-
event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法：阻止默认行为 这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法：阻止事件冒泡 事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换，为jquery对象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
举报
0/150
提交
取消