Jquery 監(jiān)視按鍵,按下回車鍵觸發(fā)某方法的實現(xiàn)代碼
<script type="text/javascript">
$(function () {
$('input:text:first').focus(); //把焦點放在第一個文本框
var $inp = $('input'); //所有的input元素
$inp.keypress(function (e) { //這里給function一個事件參數(shù)命名為e,叫event也行,隨意的,e就是IE窗口發(fā)生的事件。
var key = e.which; //e.which是按鍵的值
if (key == 13) {
alert("aaa");
}
});
});
一個奇怪現(xiàn)象:
我拖了一個Login控件,然后給它轉(zhuǎn)化為template,用于自定義開發(fā)。
以上代碼中捕捉到了文本欄的回車按鍵,這時要去觸發(fā)LoginButton來提交登錄信息進行驗證,可是使用$("[id$=LoginButton]").click();只在firefox上有效,在IE無效,歪打正著的嘗試一下$("[id$=LoginButton]").focus();,在ie下有效,在IE上focus()即完成了對焦又執(zhí)行了點擊,這是為什么呢?
$inp.keypress(function (event) {
var key = event.which;
if (key == 13) {
$("[id$=LoginButton]").click(); //支持firefox,IE武校
//$('input:last').focus();
$("[id$=LoginButton]").focus(); //支持IE,firefox無效。
//以上兩句實現(xiàn)既支持IE也支持 firefox
}
});
Jquery 中使用鍵盤監(jiān)聽事件(ssh)
$(document).ready(function(){
find();
$("#pageSize").bind("keyup",function(){find();});
//設(shè)置鍵盤 監(jiān)聽事件 也就是當你在該文本框中輸入值后 就立刻執(zhí)行相對應(yīng)的方法 這里所表示的是 當你在文本框中輸入4 等 就會在頁面上顯示4條數(shù)據(jù)
("#pageSize:這是拿到標簽屬性id的值)
("keyup": 鍵盤監(jiān)聽事件 值是固定的 不可以更改)
(后面的function(){find();}:則是所要執(zhí)行的方法)
$("#pageNo").bind("keyup",function(){find();});
//設(shè)置鍵盤 監(jiān)聽事件 也就是當你在該文本框中輸入值后 就立刻執(zhí)行相對應(yīng)的方法 這里所表示的是 當你在文本框中輸入5 等 就會在頁面上顯示第五條頁
alert(" find()");
同上
});
- jquery如何撲捉回車鍵觸發(fā)的事件
- jquery 綁定回車動作撲捉回車鍵觸發(fā)的事件
- jquery實現(xiàn)回車鍵觸發(fā)事件(實例講解)
- jquery禁止回車觸發(fā)表單提交
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
- jQuery實現(xiàn)長按按鈕觸發(fā)事件的方法
- jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明
- JQuery自動觸發(fā)事件的方法
- JQuery文本改變觸發(fā)事件如聚焦事件、失焦事件
- jQuery實現(xiàn)的回車觸發(fā)按鈕事件功能示例
相關(guān)文章
JQuery實現(xiàn)動態(tài)添加刪除評論的方法
這篇文章主要介紹了JQuery實現(xiàn)動態(tài)添加刪除評論的方法,涉及jQuery處理鼠標事件及json數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-05-05使用jQuery fancybox插件打造一個實用的數(shù)據(jù)傳輸模態(tài)彈出窗體
模態(tài)窗體已經(jīng)成為Web開發(fā)人員設(shè)計界面時經(jīng)常要使用的傳輸數(shù)據(jù)的方式;通過模態(tài)窗口,可以提高網(wǎng)站的可用性;你可以在你的郵件里收到用戶發(fā)送的反饋消息2013-01-01基于JQuery實現(xiàn)的Select級聯(lián)
Select級聯(lián),想必大并不陌生吧,本文為大家介紹下使用jquery是如何快速實現(xiàn)的,希望對大家有所幫助2014-01-01jQuery UI結(jié)合Ajax創(chuàng)建可定制的Web界面
這篇文章主要為大家詳細介紹了jQuery UI結(jié)合Ajax創(chuàng)建可定制的Web界面,如何利用Ajax和jQuery UI創(chuàng)建具有各種定制功能的高度可定制的UI,感興趣的小伙伴們可以參考一下2016-06-06JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔,不容易出錯。each()函數(shù)封裝了十分強大的遍歷功能,使用也很方便,它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量2012-12-12cnblogs TagCloud基于jquery的實現(xiàn)代碼
自創(chuàng)"山寨版"的"博客園"TagCloud!...2010-06-06