jq基础8——事件

红太狼 2022-01-15 04:27 295阅读 0赞

<table>  事件  
 <thead> 
  <tr> 
   <th>事件</th> 
   <th>简介</th> 
   <th>实例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>$(document).ready(),$(),load()</td> 
   <td>加载</td> 
   <td>$(function(){alert("hello world");});</td> 
  </tr> 
  <tr> 
   <td>click(),dblclick()</td> 
   <td>单击，双击（空白键和回车键可造成click事件）</td> 
   <td>$("#d").click(function(){alert("hello world");});</td> 
  </tr> 
  <tr> 
   <td>keydown,keypress,keyup</td> 
   <td>按下，按住，弹起通过event对象的which属性获取键盘的值，keydown和keyup能获取所有按键，不能识别大小写；keypress不能获取功能键，能识别大小写</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>mousedown,mouseup,mousemove,mouseenter,mouseover,<br>mouseleave,mouseout</td> 
   <td>按下，弹起，鼠标进入，鼠标进入，鼠标进入，鼠标离开，鼠标离开;mousermove每移动一下都会调用；mouseenter子元素不会调用，mouseover子元素会调用；mouseleave子元素不会调用，mouseout子元素会调用</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>focus(),blur()</td> 
   <td>获取，失去焦点</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>change()</td> 
   <td>内容改变，失去焦点才会触发</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>submit()</td> 
   <td>提交form表单</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>$("selector").on("event",function(){});</td> 
   <td>on()绑定事件</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>$("selector").trigger("event");</td> 
   <td>文档加载之后就会触发事件</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，295人围观）

还没有评论，来说两句吧...

相关阅读

相关基础知识（8）- 事件处理

8.1 事件处理基础　　8.1.1 实例：处理按钮点击事件　　8.1.2 建议使用内部类　　8.1.3 创建包含一个方法调用的监听器　　8.1.4 实例

怼烎@/ 2022年10月03日 00:41/ 0 赞/ 134 阅读

相关 jq鼠标滚动事件

JQ鼠标滚动事件 $(document).on("mousewheel", function (e, delta) { var wheel =

拼搏现实的明天。/ 2022年09月04日 04:50/ 0 赞/ 171 阅读

相关 JQ高级事件之事件委托

事件委托跟字面意思一样，需要找一个东西来帮助一起完成某个东西。用我们JQ的语言来说就是，我有2000个按钮，但我们不能一个一个绑定，这样太过于浪费操作，那我们怎么做呢，事

╰+攻爆jí腚メ/ 2022年08月01日 13:52/ 0 赞/ 232 阅读

相关 JQ事件对象

这次跟着李炎恢老师学习事件对象，和冒泡和默认行为！！再此记下笔记以便日后学习首先是接收事件对象 <input type="button" value="小疯疯"/

迷南。/ 2022年08月01日 13:41/ 0 赞/ 202 阅读

相关 JQ基础事件

最近终于学到了事件，也是最常用到的地方，李炎恢老师详细的介绍了各种方法，我也是把李炎恢老师所讲的总结一下学过JS肯定知道DOM2级的绑定事件方法addEventListen

旧城等待，/ 2022年08月01日 12:24/ 0 赞/ 201 阅读

相关 jq基础8——事件

<table> 事件 <thead> <tr> <th>事件</th> <th>简介</th> <th>实例</th> </tr>

红太狼/ 2022年01月15日 04:27/ 0 赞/ 296 阅读

相关 jq trigger()事件

1、该事件触发由bind制作的自定义函数事件，在页面加载时自动执行语法:('选择器').trigger('自定义函数名'); 代码示例:

清疚/ 2021年07月24日 23:45/ 0 赞/ 384 阅读

相关 jq 事件机制

绑定事件法一: 数组对象.bind("去掉on的事件名",绑定内容) 追加模式,一个事件增加多个操作,js是覆盖，可配合js追加绑定 fun

旧城等待，/ 2021年07月24日 23:44/ 0 赞/ 422 阅读

相关 jq 事件委托delegate

法一:$('要委托的父元素选择器').delegate('子元素选择器','无on的事件',function(){...}) 法二:$('父元素选择器').on

小鱼儿/ 2021年07月24日 18:59/ 0 赞/ 451 阅读

相关 jq 事件监听on

事件监听语法 $(selector).on(event,childSelector(可选),data(可选),function)

旧城等待，/ 2021年07月24日 17:48/ 0 赞/ 481 阅读