快捷導(dǎo)航

jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)

更新時間：2016年05月09日 16:27:50 投稿：jingxian

下面小編就為大家?guī)硪黄猨Query綁定事件-多種實(shí)現(xiàn)方式總結(jié)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考

jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)

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

<body>
<input type="text"/>
<input type="button" value="button1"/>
<script>
$(function(){
  var text = $(":text");
  var button = $(":button");
  //調(diào)試器記錄日志 console.log("message"); 如：火狐瀏覽器，打開FireBug(按F12)
  
  //觸發(fā)單個事件：兩種方式
  button.bind("mouseover",function(){
    console.log("移入");
  });
  button.bind({
    "mouseout": function(){
      console.log("移出");
    }
  });
  //多個事件：三個方式
  text.bind("dblclick blur",function(){
    console.log("雙擊或者失去焦點(diǎn)");
  });
  text.bind({
    "dblclick blur":function(){
      console.log("雙擊或者失去焦點(diǎn)");
    }
  });
  text.bind({
    "dblclick":function(){
      console.log("雙擊");
    },
    blur:function(){
      console.log("失去焦點(diǎn)");
    }
  });
  
  //取消事件
  text.unbind("dblclick"); //取消單個事件
  //text.unbind("dblclick blur"); //取消多個事件
  //text.unbind(); //取消全部事件
});

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

以上這篇jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery if條件語句的寫法
下面小編就為大家?guī)硪黄猨query if條件語句的寫法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
JQuery核心函數(shù)是什么及使用方法介紹
這篇文章主要為大家詳細(xì)介紹了JQuery核心函數(shù)是什么，及使用方法介紹，感興趣的小伙伴們可以參考一下
2016-05-05
JQuery實(shí)現(xiàn)的購物車功能(可以減少或者添加商品并自動計(jì)算價格)
這篇文章主要介紹了JQuery實(shí)現(xiàn)的購物車功能(可以減少或者添加商品并自動計(jì)算價格),本文的這個模擬實(shí)現(xiàn)的購物車難登大雅之堂,但是可以從中得到一些啟發(fā)或者相關(guān)的知識點(diǎn),需要的朋友可以參考下
2015-01-01
jQuery實(shí)現(xiàn)彈幕效果案例
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)彈幕效果案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
jQuery實(shí)現(xiàn)二維碼掃描功能
這篇文章主要介紹了jQuery利用jquery.qrcode.min.js插件實(shí)現(xiàn)二維碼掃描功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery操作cookie的示例代碼
這篇文章主要介紹了jQuery操作cookie的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
zTree樹形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法
下面小編就為大家分享一篇zTree樹形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
基于jquery實(shí)現(xiàn)頁面滾動到底自動加載數(shù)據(jù)的功能
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)頁面滾動到底自動加載數(shù)據(jù)的功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery實(shí)現(xiàn)tag便簽去重效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁面及js代碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價值,需要的朋友可以參考下
2015-01-01
基于jquery的$.ajax async使用
默認(rèn)設(shè)置下，所有請求均為異步請求。如果需要發(fā)送同步請求，請將此選項(xiàng)設(shè)置為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行
2011-10-10