>對映方式繫結不同的事件
title
>
6<
style
>
7body
8.clstip
9.txt
10style
>
11<
script
src="jquery.js"
>
script
>
12<
script
>
13$(
function
(),change:
function
()})
23})
24script
>
25head
>
26<
body
>
27<
h3>功能描述:
h3>
28<
p>在頁面中,設定乙個文字框,通過對映的方式,給文字框繫結兩個事件
p>
29<
p>乙個是focus事件,另乙個是change事件。這兩個事件執行時,均為顯示事件的名稱
p>
30<
div>姓名:<
input
type
="text"
class
="txt"
/>
div>
31<
div
id="divtip"
class
="clstip"
>
div>
32body
>
33html
>
結果如下所示:
在方法bind()中,第二個引數data為可選項,表示作為event.data屬性值傳遞到事件物件的額外資料物件。實際上,該引數很少使用,如果使用,那麼可以通過該引數將一些附加的資訊傳遞給事件處理函式fn中,將上面**中的bind方法修改為帶data引數,其修改後的**如下:
1 $(function執行後,頁面效果跟上面一樣。(),function
(event));
8 message="執行的是change事件";
9 $(".txt").bind("change",,function
(event));
14 })
事件繫結的方式
按鈕btn.onclick function btn.addeventlistener click function 事件委託利用了事件冒泡,只指定乙個事件處理程式,就可以管理某一型別的所有事件。所有用到按鈕的事件 多數滑鼠事件和鍵盤事件 都適合採用事件委託技術,使用事件委託可以節省記憶體。good...
js事件繫結的幾種方式
1 點選按鈕 2 使js 與hrml標籤分離,文件結構清晰,便於開發和管理 1 點選按鈕 2 繫結語法 element.attachevent event,function event 必需 事件型別,需要加 on function 必需 指定事件觸發時執行的函式 1 點選按鈕 2 事件處理函式中,...
jQuery(二)事件繫結方式
bind type,data fn 為每個匹配元素的特定事件繫結對應的事件處理函式 type表示事件型別,多個事件型別使用空格分隔 data表示傳遞給繫結函式的額外資料物件,函式中使用event.data接收 了解 fu表示繫結的函式 例子 當繫結不同事件型別繫結不同事件函式 白日依山盡,黃河入海流...