jQuery綁定事件的幾種實現(xiàn)方式
來源:易賢網(wǎng) 閱讀:828 次 日期:2016-07-02 11:53:17
溫馨提示:易賢網(wǎng)小編為您整理了“jQuery綁定事件的幾種實現(xiàn)方式”,方便廣大網(wǎng)友查閱!

這篇文章主要為大家詳細介紹了jQuery綁定事件的幾種實現(xiàn)方式,感興趣的小伙伴們可以參考一下

本文實例為大家分享了jQuery綁定事件多種實現(xiàn)方法,供大家參考,具體內容如下

<html>

<head>

<meta charset="utf-8" />

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->

</head>

<body>

<input type="text"/>

<input type="button" value="button1"/>

<script>

$(function(){

  var text = $(":text");

  var button = $(":button");

  //調試器記錄日志 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("雙擊或者失去焦點");

  });

  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>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家繼續(xù)關注小編為大家分享的精彩文章。

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:jQuery綁定事件的幾種實現(xiàn)方式

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)