對映方式繫結不同的事件

2022-03-10 00:49:13 字數 1667 閱讀 9934

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

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