2018-06-30 js事件

Posted

喵星人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2018-06-30 js事件相关的知识,希望对你有一定的参考价值。

一.js代码加载的时机

  1.DOM加载完毕 -> 将js代码放到body体之下即可;

  2.网页资源加载完毕-> $(window).onload(function(){  });

  3.jQuery实现等DOM加载完毕运行 ->$(function(){ }) $(document).ready(fucntion(){  })

二.事件处理

  1.bind() ->事件绑定

    $(‘div‘).bind(‘click‘,function(){

      alert(1);

    })//给div绑定click事件

  2.unbind() ->解除事件绑定

  3.one() ->绑定事件,仅一次(运行一次之后就自动解除事件绑定)

三.事件委派

  1.live() ->给新生事物增加事件

   $(‘div‘).live(‘click‘,function(){

      alert(1);

 

    })//给div委派click事件

 

  2.die() ->解除事件

四.事件切换

  1.toggle(fn1,fn2) -> 点击循环执行fn1与fn2

  2.hover(fn1,fn2) -> 移入移出循环执行fn1与fn2







以上是关于2018-06-30 js事件的主要内容,如果未能解决你的问题,请参考以下文章

汇总js事件相关及事件处理模型

js原生模拟点击事件

js动态绑定onclick事件,事件点击多时无响应

js阻止默认事件的方法

怎样理解js中的事件监听

JS事件