基于jquery的button默認(rèn)enter事件(回車事件)。
更新時間:2011年05月18日 01:17:15 作者:
這里我介紹一下,button按鈕默認(rèn)回車(enter)事件。如果大家可以用submit,就不用看以下代碼,因為submit可以直接默認(rèn)回車事件(enter)
在這里特此聲明,代碼是通過jquery完成。實列代碼我親自寫的,完全可以實現(xiàn),只要復(fù)制過去就可以用,但是必須導(dǎo)入jquery包。著個方法支持ie與火狐,絕對好使。我在做的時候在網(wǎng)上找了一些代碼,基本全不支持火狐。好了,廢話也說了不少了。開始代碼演示。歡迎大家挑錯,與技術(shù)指點,謝謝。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>火狐和IE都支持的enter事件</title>
<script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
document.onkeydown = function (e) {
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if (code == 13) {
$("#but1").click();
}
}
$(document).ready(function () {
$("#but1").click(function () {
alert("我是enter事件," + "text值:" + $("#text1").val());
})
$("#but2").click(function () {
alert("我是Jquery事件" + "text值:" + $("#text1").val());
})
});
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" id="but1" value="確定(我是enter事件)"/>
<input type="submit" id="but2" value="確定(我是Jquery事件)" />
</body>
</html>
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>火狐和IE都支持的enter事件</title>
<script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
document.onkeydown = function (e) {
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if (code == 13) {
$("#but1").click();
}
}
$(document).ready(function () {
$("#but1").click(function () {
alert("我是enter事件," + "text值:" + $("#text1").val());
})
$("#but2").click(function () {
alert("我是Jquery事件" + "text值:" + $("#text1").val());
})
});
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" id="but1" value="確定(我是enter事件)"/>
<input type="submit" id="but2" value="確定(我是Jquery事件)" />
</body>
</html>
您可能感興趣的文章:
- 按Enter鍵觸發(fā)事件的jquery方法實現(xiàn)代碼
- jquery實現(xiàn)按Enter鍵觸發(fā)事件示例
- jquery 按鍵盤上的enter事件
- jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
- 修改jQuery.Autocomplete插件 支持中文輸入法 避免TAB、ENTER鍵失效、導(dǎo)致表單提交
- 基于Jquery的實現(xiàn)回車鍵Enter切換焦點
- Jquery利用mouseenter和mouseleave實現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點擊
- 基于Jquery的回車成tab焦點切換效果代碼(Enter To Tab )
- jQuery響應(yīng)enter鍵的實現(xiàn)思路
- jquery實現(xiàn)tab鍵進(jìn)行選擇后enter鍵觸發(fā)click行為
相關(guān)文章
基于jquery實現(xiàn)的鼠標(biāo)拖拽元素復(fù)制并寫入效果
基于jquery實現(xiàn)的鼠標(biāo)拖拽元素復(fù)制并寫入效果的實現(xiàn)代碼,需要的朋友可以參考下。2011-08-08jsonp跨域請求數(shù)據(jù)實現(xiàn)手機(jī)號碼查詢實例分析
這篇文章主要介紹了jsonp跨域請求數(shù)據(jù)實現(xiàn)手機(jī)號碼查詢的方法,結(jié)合實例形式較為詳細(xì)的分析了jsonp跨域請求數(shù)據(jù)的原理與查詢號碼的應(yīng)用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12