基于jquery的button默認enter事件(回車事件)。

更新時間：2011年05月18日 01:17:15 作者：

這里我介紹一下，button按鈕默認回車（enter）事件。如果大家可以用submit，就不用看以下代碼，因為submit可以直接默認回車事件（enter）

在這里特此聲明，代碼是通過jquery完成。實列代碼我親自寫的，完全可以實現(xiàn)，只要復(fù)制過去就可以用，但是必須導(dǎo)入jquery包。著個方法支持ie與火狐，絕對好使。我在做的時候在網(wǎng)上找了一些代碼，基本全不支持火狐。好了，廢話也說了不少了。開始代碼演示。歡迎大家挑錯，與技術(shù)指點，謝謝。

復(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> 

您可能感興趣的文章:

button
enter

相關(guān)文章

基于jquery自定義圖片熱區(qū)效果
前陣子接到個需求，聯(lián)通網(wǎng)上營業(yè)廳經(jīng)常需要專題頁面做宣傳，但是由于專題頁面會有按鈕，以及各個圖片的鏈接，省分的人沒有html基礎(chǔ)，沒人維護，量又比較大，需要開發(fā)出一個可自定義圖片熱區(qū)鏈接的后臺，于是就有了這個
2012-07-07
利用Jquery實現(xiàn)可多選的下拉框
本篇文章主要是對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插件
JQuery居然沒有操作cookie相關(guān)的函數(shù)，搜了下官方有個cookie的插件。
2010-04-04
jQuery 插件將this下的div輪番顯示
將this下的div輪番顯示 dname指定需要執(zhí)行此動作的元素，如果沒有指定dname，將默認全部子元素
2009-04-04
jQuery(1.6.3) 中css方法對浮動的實現(xiàn)缺陷分析
JavaScript中設(shè)置元素的浮動屬性（float），標準瀏覽器使用cssFloat，IE舊版本使用styleFloat。
2011-09-09
jquery validate.js表單驗證入門實例（附源碼）
這篇文章主要介紹了jquery validate.js表單驗證入門實例，為大家提供了jquery validate.js表單驗證的源碼，特別適合初學(xué)者學(xué)習validate.js表單驗證，感興趣的小伙伴們可以參考一下
2015-11-11
jquery實現(xiàn)頁面圖片等比例放大縮小功能
本文將利用jquery實現(xiàn)頁面圖片等比例放大和縮小。說明: 頁面中經(jīng)常需要將未知大小的圖片展示在有限的空間里, 如果直接指定圖片的width和height值, 就有可能造成圖片走樣, 這段代碼就是為解決這個問題設(shè)計
2014-02-02
使用jQuery簡單實現(xiàn)模擬瀏覽器搜索功能
這篇文章主要介紹了使用jQuery簡單實現(xiàn)模擬瀏覽器搜索功能,需要的朋友可以參考下
2014-12-12
jQuery+ajax實現(xiàn)鼠標單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實現(xiàn)鼠標單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下
2014-06-06