基于jquery的button默認enter事件(回車事件)。
更新時間：2011年05月18日 01:17:15 作者：
這里我介紹一下，button按鈕默認回車（enter）事件。如果大家可以用submit，就不用看以下代碼，因為submit可以直接默認回車事件（enter）
在這里特此聲明，代碼是通過jquery完成。實列代碼我親自寫的，完全可以實現(xiàn)，只要復制過去就可以用，但是必須導入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>
復制代碼 代碼如下:
<!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鍵失效、導致表單提交
- 基于Jquery的實現(xiàn)回車鍵Enter切換焦點
- Jquery利用mouseenter和mouseleave實現(xiàn)鼠標經(jīng)過彈出層且可以點擊
- 基于Jquery的回車成tab焦點切換效果代碼(Enter To Tab )
- jQuery響應enter鍵的實現(xiàn)思路
- jquery實現(xiàn)tab鍵進行選擇后enter鍵觸發(fā)click行為
相關(guān)文章
前陣子接到個需求，聯(lián)通網(wǎng)上營業(yè)廳經(jīng)常需要專題頁面做宣傳，但是由于專題頁面會有按鈕，以及各個圖片的鏈接，省分的人沒有html基礎(chǔ)，沒人維護，量又比較大，需要開發(fā)出一個可自定義圖片熱區(qū)鏈接的后臺，于是就有了這個2012-07-07
本篇文章主要是對Jquery實現(xiàn)可多選的下拉框的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jquery實現(xiàn)網(wǎng)頁查找功能示例分享
當需要在頁面中查找某個關(guān)鍵字時，一是可以通過瀏覽器的查找功能實現(xiàn)，二是可以通過前端腳本準確查找定位，本文介紹通過jQuery實現(xiàn)的頁面內(nèi)容查找定位的功能，并可擴展顯示查找后的相關(guān)信息2014-02-02
JQuery居然沒有操作cookie相關(guān)的函數(shù)，搜了下官方有個cookie的插件。2010-04-04
將this下的div輪番顯示 dname指定需要執(zhí)行此動作的元素，如果沒有指定dname，將默認全部子元素2009-04-04
jQuery(1.6.3) 中css方法對浮動的實現(xiàn)缺陷分析
JavaScript中設置元素的浮動屬性（float），標準瀏覽器使用cssFloat，IE舊版本使用styleFloat。2011-09-09
jquery validate.js表單驗證入門實例（附源碼）
這篇文章主要介紹了jquery validate.js表單驗證入門實例，為大家提供了jquery validate.js表單驗證的源碼，特別適合初學者學習validate.js表單驗證，感興趣的小伙伴們可以參考一下2015-11-11
本文將利用jquery實現(xiàn)頁面圖片等比例放大和縮小。說明: 頁面中經(jīng)常需要將未知大小的圖片展示在有限的空間里, 如果直接指定圖片的width和height值, 就有可能造成圖片走樣, 這段代碼就是為解決這個問題設計2014-02-02
這篇文章主要介紹了使用jQuery簡單實現(xiàn)模擬瀏覽器搜索功能,需要的朋友可以參考下2014-12-12
jQuery+ajax實現(xiàn)鼠標單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實現(xiàn)鼠標單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下2014-06-06