原本是客戶想作這樣一個效果:javascript
美工給了我相似於這樣的代碼html
<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <form action="http://www.baidu.com/s"> <input type="text" name="wd" placeholder="請輸入您的參賽號碼" required="required" > <a href="">提交</a> </form>
被我改爲了這樣java
<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <form action="http://www.baidu.com/s"> <input type="text" name="wd" placeholder="請輸入您的參賽號碼" required="required" > <!--增長了一個submit按鈕--> <a href="javascript:submit.click()"><input type="submit" id="submit" hidden="hidden" />提交</a> </form>
其實原理很簡單,就是由事件冒泡引發的。ui
a標籤觸發submit按鈕的click事件,又冒泡到a。google
不過這種死循環只會在firefox下產生,google不會。緣由不明。spa