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次圍觀