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