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

這個是我開發的一個項目。在這里面，我們在右上角搜索里面輸入圖片名字，按下搜索按鈕就會檢索出對應的圖片。但是如果用戶在搜索框里面輸入名字，在按下enter鍵，這個時候頁面就會刷新。

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

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;}}

如果按下鍵盤的其他鍵，禁止頁面刷新，只需要修改event.keyCode 對應的值就可以。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。