为了账号安全,请及时绑定邮箱和手机立即绑定
  • e为事件对象,是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象即被销毁。
    查看全部
  • <h4>测试二</h4> <div class="left"> <div class="aaron1"> <p>鼠标在绿色区域移动触发mousemove</p> <p>移动的X位置:</p> </div> </div> <script type="text/javascript"> //绑定一个mousemove事件 //触发后修改内容 $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移动的X位置:' + e.pageX) }) </script> <h4>测试三</h4> <div class="right"> <div class="aaron3"> <p>鼠标移动:不同函数传递数据</p> <p>数据:</p> </div> </div> <script type="text/javascript"> //不同函数传递数据 // function data(e) { // $(this).find('p:last').html('数据:' + e.data) // } // function a() { // $(".right").mousemove(1111, data) // } // a(); $('.right').mousemove(1111,function(e){ $(this).find('p:last').html('数据:'+e.data) })
    查看全部
  • 按下鼠标按键后,拖动离开这个元素。然后释放鼠标按键。mouseup是不会被触发的。 鼠标:event.which 1:鼠标左键 2:鼠标右键 3:鼠标滚轮键
    查看全部
  • function data(e) { alert(e.data) //1111 } $("button:eq(2)").click(1111, data); $ele.click(需要传递的数据,传递到目标函数)-----------在这种用法中 function 目标函数(e){...}中的e只是用来指代被传递的数据的。你可以用其他字符替换。e.data的意思就是被传递的数据的内容 注意:在同一元素上同时绑定 click 和 dblclick 事件是不可取的。
    查看全部
  • input:first input : last off()
    查看全部
  • 把a换成div后,弹了两次窗口。同时我另外绑定一个body的click,点击a的时候,另外绑定的bocy click一样会弹窗。所以第二个参数应该不是停止往上冒泡。而是过滤参数。全意应该是给body里面的a设击事件
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-09-28

  • change
    查看全部
  • 最常见的给元素绑定一个点击事件,对比下一下快捷方式与on方式的不同 $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同点就是on是可以自定义事件名,当然不仅仅只是如何,继续往下看 多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离,传递不同的事件名,可以同时绑定多个事件 多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通过空格分离,传递不同的事件名,可以同时绑定多个事件,每一个事件执行自己的回调方法 将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet );
    查看全部
  • keypress事件与keydown和keyup的主要区别 对中文输入法支持不好,无法响应中文输入 无法响应系统功能键(如delete,backspace) 由于前面两个限制,keyCode与keydown和keyup不是很一致 KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。
    查看全部
  • keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。 keydown事件会少一个字符是因为事件触发在前,获取的是前面已经输入的字
    查看全部
  • 这里需要特别注意: form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可 jQuery处理如下: $("#target").submit(function(data) { return false; //阻止默认行为,提交表单 });
    查看全部
  • select事件 当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 select事件只能用于<input>元素与<textarea>元素
    查看全部
  • change事件 <input>元素,<textarea>和<select>元素都是可以选择值一些改变,开发者可以通过change事件去监听这些改变的动作 input元素 监听value值的变化,当有改变时,失去焦点后触发change事件 select元素 对于下拉选择框,复选框和单选按钮,当用户用鼠标作出选择,该事件立即触发 textarea元素 多行文本输入框,当用户用鼠标点击时,该事件立即触发
    查看全部
  • trigger会触发浏览器默认行为,比如光标聚集,triggerHandler则不会,它只会显示文本,触发focus事件函数
    查看全部
  • 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
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery事件处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!