recherche

Maison >interface Web >js tutoriel >Événements de liaison jQuery - résumé des diverses méthodes d'implémentation_jquery

Événements de liaison jQuery - résumé des diverses méthodes d'implémentation_jquery

WBOY
WBOYoriginal
2016-05-16 15:01:221047parcourir

Événements de liaison jQuery - résumé des différentes méthodes d'implémentation

<html>
<head>
<meta charset="utf-8" />
<script src=https://pan.baidu.com/s/1o8GiuOq&#63;qq-pf-to=pcqq.c2c></script>
</head>

<body>
<input type="text"/>
<input type="button" value="button1"/>
<script>
$(function(){
  var text = $(":text");
  var button = $(":button");
  //调试器记录日志 console.log("message"); 如：火狐浏览器，打开FireBug(按F12)
  
  //触发单个事件：两种方式
  button.bind("mouseover",function(){
    console.log("移入");
  });
  button.bind({
    "mouseout": function(){
      console.log("移出");
    }
  });
  //多个事件：三个方式
  text.bind("dblclick blur",function(){
    console.log("双击或者失去焦点");
  });
  text.bind({
    "dblclick blur":function(){
      console.log("双击或者失去焦点");
    }
  });
  text.bind({
    "dblclick":function(){
      console.log("双击");
    },
    blur:function(){
      console.log("失去焦点");
    }
  });
  
  //取消事件
  text.unbind("dblclick"); //取消单个事件
  //text.unbind("dblclick blur"); //取消多个事件
  //text.unbind(); //取消全部事件
});

</script>
</body>
</html>

Le résumé ci-dessus des événements de liaison jQuery - plusieurs méthodes d'implémentation est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez Script Home.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Analyse de l'utilisation des opérations en chaîne sur les objets jQueryArticle suivant：Analyse de l'utilisation des opérations en chaîne sur les objets jQuery

Articles Liés

Voir plus