兩個標籤引發的瀏覽器死循環

原本是客戶想作這樣一個效果: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

相關文章
相關標籤/搜索