這里講解一下，PC端，前端可以遇到的一個(gè)問(wèn)題，就是按下enter鍵禁止頁(yè)面刷新。
這里有一個(gè)例子：

這個(gè)是我開(kāi)發(fā)的一個(gè)項(xiàng)目。在這里面，我們?cè)谟疑辖撬阉骼锩孑斎雸D片名字，按下搜索按鈕就會(huì)檢索出對(duì)應(yīng)的圖片。但是如果用戶(hù)在搜索框里面輸入名字，在按下enter鍵，這個(gè)時(shí)候頁(yè)面就會(huì)刷新。

這里呢，我們并不希望頁(yè)面刷新，所有就講解一下，怎么禁止按下enter鍵禁止頁(yè)面刷新。

HTML代碼

<input id="searchKey" type="text" placeholder='搜索.....' onkeydown="checkInfo(event,this)" ">

JS代碼

checkInfo = function(event,self){if (event.keyCode == 13) {event.cancleBubble = true;event.returnValue = false;return false;}}

如果按下鍵盤(pán)的其他鍵，禁止頁(yè)面刷新，只需要修改event.keyCode 對(duì)應(yīng)的值就可以。

總結(jié)

以上是生活随笔為你收集整理的按下enter键禁止页面刷新的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。