jquery怎樣綁定事件及事件函數

綁定事件方式:

$(function(){
    $('#div1').bind('mouseover click', function(event) {
        alert($(this).html());
    });
});

取消綁定事件方式:

$(function(){
    $('#div1').bind('mouseover click', function(event) {
        alert($(this).html());
    });
});

事件函數列表:

blur() 元素失去焦點
focus() 元素獲得焦點
change() 表單元素的值發(fā)生變化
click() 鼠標單擊
dblclick() 鼠標雙擊
mouseover() 鼠標進入(進入子元素也觸發(fā))
mouseout() 鼠標離開(離開子元素也觸發(fā))
mouseenter() 鼠標進入(進入子元素不觸發(fā))
mouseleave() 鼠標離開(離開子元素不觸發(fā))
hover() 同時為mouseenter和mouseleave事件指定處理函數
mouseup() 松開鼠標
mousedown() 按下鼠標
mousemove() 鼠標在元素內部移動
keydown() 按下鍵盤
keypress() 按下鍵盤
keyup() 松開鍵盤
load() 元素加載完畢
ready() DOM加載完成
resize() 瀏覽器窗口的大小發(fā)生改變
scroll() 滾動條的位置發(fā)生變化
select() 用戶選中文本框中的內容
submit() 用戶遞交表單
toggle() 根據鼠標點擊的次數,依次運行多個函數
unload() 用戶離開頁面

自定義事件:
除了系統(tǒng)事件外芬迄,可以通過bind方法自定義事件问顷,然后用tiggle方法觸發(fā)這些事件。

//給element綁定hello事件
element.bind("hello",function(){
    alert("hello world!");
});

主動觸發(fā)事件:
可使用jquery對象上的trigger方法來觸發(fā)對象上綁定的事件禀梳。

//觸發(fā)hello事件
element.trigger("hello");
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末杜窄,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子算途,更是在濱河造成了極大的恐慌塞耕,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嘴瓤,死亡現場離奇詭異扫外,居然都是意外死亡,警方通過查閱死者的電腦和手機廓脆,發(fā)現死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進店門畏浆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人狞贱,你說我怎么就攤上這事刻获。” “怎么了瞎嬉?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵蝎毡,是天一觀的道長。 經常有香客問我氧枣,道長沐兵,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任便监,我火速辦了婚禮扎谎,結果婚禮上碳想,老公的妹妹穿的比我還像新娘。我一直安慰自己毁靶,他們只是感情好胧奔,可當我...
    茶點故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著预吆,像睡著了一般龙填。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拐叉,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天岩遗,我揣著相機與錄音,去河邊找鬼凤瘦。 笑死宿礁,一個胖子當著我的面吹牛,可吹牛的內容都是我干的蔬芥。 我是一名探鬼主播窘拯,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼坝茎!你這毒婦竟也來了涤姊?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤嗤放,失蹤者是張志新(化名)和其女友劉穎思喊,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體次酌,經...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡恨课,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了岳服。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片剂公。...
    茶點故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖吊宋,靈堂內的尸體忽然破棺而出纲辽,到底是詐尸還是另有隱情,我是刑警寧澤璃搜,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布拖吼,位于F島的核電站,受9級特大地震影響这吻,放射性物質發(fā)生泄漏吊档。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一唾糯、第九天 我趴在偏房一處隱蔽的房頂上張望怠硼。 院中可真熱鬧鬼贱,春花似錦、人聲如沸香璃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽增显。三九已至,卻和暖如春脐帝,著一層夾襖步出監(jiān)牢的瞬間同云,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工堵腹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留炸站,地道東北人。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓疚顷,卻偏偏與公主長得像旱易,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子腿堤,可洞房花燭夜當晚...
    茶點故事閱讀 45,691評論 2 361

推薦閱讀更多精彩內容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現的笆檀。 ??事件忌堂,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,502評論 1 11
  • 函數和對象 1、函數 1.1 函數概述 函數對于任何一門語言來說都是核心的概念酗洒。通過函數可以封裝任意多條語句士修,而且...
    道無虛閱讀 4,581評論 0 5
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現樱衷,斷路器棋嘲,智...
    卡卡羅2017閱讀 134,711評論 18 139
  • 如果你經常使用jQuery,那么你也許很熟悉事件綁定矩桂。這是很基本的東西沸移,但是深入一點,你就能夠找到機會讓你事件驅動...
    dctxf閱讀 238評論 0 0
  • 病從血中來侄榴,血淤百病生阔籽!這樣調理,讓你氧血降脂牲蜀、清除血管垃圾笆制、補充腎元氣! 在此處插入我的內容 魚油是魚體內的全部...
    飛天舞衣閱讀 1,620評論 8 12