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

2019-11-20 23:48:59

字體：大中小

供稿：網(wǎng)友

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

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