阻止點(diǎn)擊回車提交表單效果代碼實例
本章節(jié)介紹一下如何阻止點(diǎn)擊回車提交表單效果。
在默認(rèn)情況下，如果表單或者表單元素獲取焦點(diǎn)的話，點(diǎn)擊回車就會提交表單。
但是在實際應(yīng)用中，往往需要只點(diǎn)擊提交按鈕才能夠提交表單。
代碼實例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title>實例</title>
<script>
window.onload=function(){
var oform=document.getElementById("theform");
oform.onkeydown=function(ev){
var ev=ev||window.event;
var keycode = ev.which || ev.keyCode;
return keycode == 13 ?false : true;
}
}
</script>
</head>
<body>
<form name="theform" id="theform" action="">
<div><input type="text"></div>
<div><input type="text" ></div>
<div><input type="text" ></div>
<div><input type="text" ></div>
<div><input type="text" ></div>
<div><input type="submit" value="查看效果"></div>
</form>
</body>
</html>上面的代碼實現(xiàn)了我們的要求，代碼比較簡單這里就不多介紹了。
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請發(fā)送郵件至201542412@QQ.com舉報，一經(jīng)查實，本站將立刻刪除。
相關(guān)推薦
-
在頁面上能夠自動變動的帶有星期的時間日期代碼
在不少網(wǎng)站頁面都有這樣的效果，那就是在頁面的某一個位置會有一個能夠自動變動的時間日期效果。當(dāng)然這個功能是否能夠給用戶起到實際作用不得而知，因為電腦本身就有這樣的功能。代碼實例: ht
-
js模擬實現(xiàn)StringBuffer類功能代碼實例
JvScrit并沒有內(nèi)置的StringBuffr()方法，下面就通過代碼實例來模擬實現(xiàn)它的功能。代碼實例如下:function StringBuffr() { this.__strings
-
將十六進(jìn)制顏色值轉(zhuǎn)換為RGB顏色值代碼實例
本章節(jié)分享一段代碼實例它能夠?qū)崿F(xiàn)將十六進(jìn)制顏色值轉(zhuǎn)換為RGB顏色值代碼實例。如果從RGB顏色值轉(zhuǎn)換為十六進(jìn)制顏色值可以參閱jQury如何將獲取的顏色值轉(zhuǎn)換為十六進(jìn)制形式一章節(jié)。代碼實例:!DOCT
-
點(diǎn)擊方向鍵實現(xiàn)文本框焦點(diǎn)切換代碼實例
本章節(jié)介紹一下如何實現(xiàn)點(diǎn)擊方向鍵即可實現(xiàn)切換文本框的焦點(diǎn)的效果。代碼實例如下:
-
jquery實現(xiàn)的具有漸變效果的圖片切換
本章節(jié)分享一段代碼實例，實現(xiàn)了圖片的切換效果，這里不管是背景圖片還是其他什么樣的切換效果。總之具有漸變效果的切換更為柔和，當(dāng)然用戶使用起來也更加人性化，下面就是一段具有此特性的代碼。代碼實例如下:!
