對映方式繫結不同的事件

>對映方式繫結不同的事件

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表示繫結的函式 例子 當繫結不同事件型別繫結不同事件函式 白日依山盡，黃河入海流...