前兩天遇到一個(gè)問(wèn)題，研究了我很差事件。問(wèn)題如下：
頁(yè)面只有一個(gè)文本框，沒(méi)有寫(xiě)任何回車(chē)事件，但是點(diǎn)回車(chē)的時(shí)候，就會(huì)觸發(fā)回車(chē)，回傳頁(yè)面。
于是各種google，終于有了結(jié)果：
- 如果表單里有一個(gè)type=”submit”的按鈕，回車(chē)鍵生效。
- 如果?表單里只有一個(gè)type=”text”的input，不管按鈕是什么type，回車(chē)鍵生效。
- 如果按鈕不是用input，而是用button，并且沒(méi)有加type，IE下默認(rèn)為type=button，F(xiàn)X默認(rèn)為 type=submit。
- 其他表單元素如textarea、select不影 響，radio checkbox不影響觸發(fā)規(guī)則，但本身在FX下會(huì)響應(yīng)回車(chē)鍵，在IE下不響應(yīng)。
- type=”image”的input，效果等同于type=”submit”，不知道為什么會(huì)設(shè)計(jì)這樣一種type，不推薦使用，應(yīng)該用 CSS添加背景圖合適些。
這五點(diǎn)是引用別人的原話(huà)，說(shuō)的很明了。
我的問(wèn)題就是上方第二點(diǎn)，跟JS沒(méi)有一丁點(diǎn)關(guān)系，但是瀏覽器默認(rèn)有一個(gè)規(guī)則，當(dāng)你的頁(yè)面只有一個(gè)type="text"的情況下，他會(huì)默認(rèn)當(dāng)有一個(gè)sumbit的事件，如果出現(xiàn)兩個(gè)type="text"的時(shí)候，就不會(huì)生效了
所以，一下次，如果你的頁(yè)面也只有一個(gè)“text”（一般是搜索頁(yè)面），如果也想寫(xiě)回車(chē)事件的話(huà)，就要注意了。
其實(shí)像這種問(wèn)題，解決辦法很變態(tài)，我是在頁(yè)面里面放一個(gè)隱藏的“text”。
我是使用的頁(yè)面隱藏一個(gè)type="text"的input標(biāo)簽。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-837623.html
第二種解決方法就是js阻止頁(yè)面的回車(chē)事件文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-837623.html
到了這里，關(guān)于js頁(yè)面當(dāng)中沒(méi)有寫(xiě)回車(chē)事件，但是有回車(chē)效果的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
