歡迎您光臨本站 註冊首頁

· jquery on click preventdefault雜誌閱讀

jquery中的trigger()和preventDefault()方法

admin @ 2020-04-21 reply:0

trigger()方法使用者模擬使用者操作,比較常見的一種情況就是輸入框自動獲得焦點:

< html >

< head >

< meta charset ="utf-8" >

< script type ="text/javascript" src ="jquery.js" >

< title > jquery   < body >

< form name ="login" >

< input type ="text" id ="username" >

< br />

< input type ="password" id ="pwd" >

< br /> < input type ="submit" value ="登陸" > 

< script type ="text/javascript" > $( " form[name=login] :input[id=username] " ).trigger( " focus " );   當使用者開啟這個介面的時候,使用者名稱輸入框就會自動得到焦點,所以使用者就可以直接輸入資料。 preventDefault()方法使用者阻止元素的預設的行為,比如說:點選超連結的跳轉的行為,點選提交按鈕表單頁面跳轉的行為。 return false; 也有阻止元素預設行為的功能,此外它還可以停止動畫的冒泡。

< html > < head > < meta charset ="utf-8" > < script type ="text/javascript" src ="jquery.js" > < title > jquery   < body > < a href ="http://www.baidu.com" name ="link" > 哇哦,這是一個超連結~   < script type ="text/javascript" > $( " a[name=link] " ).click( function (event){ event.preventDefault(); });   使用return false;

< html > < head > < meta charset ="utf-8" > < script type ="text/javascript" src ="jquery.js" > < title > jquery   < body > < a href ="http://www.xxx.com" name ="link" > 哇哦,這是一個超連結~   < script type ="text/javascript" > $( " a[name=link] " ).click( function (){ return false ; });   在進行表單驗證的時候,當使用者輸入的資料不正確的時候,表單此時就不應該跳轉,示例程式碼如下:

[admin via ] jquery中的trigger()和preventDefault()方法已經有760次圍觀

http://coctec.com/magazine/show-post-item-116.html