javascript - a.click()在火狐與谷歌中的區(qū)別
問(wèn)題描述
代碼如下
<!-- test.html --><button>Click</button>
//test.jsvar btn = document.querySelector(’button’)btn.onclick = () => { var a = document.createElement(’a’) a.href = ’https://www.baidu.com’ a.target = ’_blank’ a.click()}
問(wèn)題如下:
在火狐中點(diǎn)擊按鈕沒(méi)有反應(yīng),在谷歌中點(diǎn)擊按鈕可以創(chuàng)建新的標(biāo)簽頁(yè);在test.js加上一條語(yǔ)句
var btn = document.querySelector(’button’)btn.onclick = () => { var a = document.createElement(’a’) a.href = ’https://www.baidu.com’ a.target = ’_blank’document.body.appendChild(a)a.click()}
改寫(xiě)后的代碼都能在兩個(gè)瀏覽器中正常運(yùn)行。所以請(qǐng)問(wèn)各位朋友這是什么原因,謝謝?
問(wèn)題解答
回答1:樓主,你之前這不是剛創(chuàng)建好還沒(méi)添加到頁(yè)面中就要執(zhí)行click事件?
回答2:瀏覽器解析差異吧但是如果想點(diǎn)擊按鈕訪問(wèn)網(wǎng)頁(yè)直接用window.open或者location.assign不就可以實(shí)現(xiàn)了 為啥要?jiǎng)?chuàng)建dom呢
相關(guān)文章:
1. html - vue項(xiàng)目中用到了elementUI問(wèn)題2. mysql scripts提示 /usr/bin/perl: bad interpreter3. showpassword里的this 是什么意思?代表哪個(gè)元素4. css3 - border-bottom 的長(zhǎng)度可否超過(guò)盒子的寬度呢?實(shí)現(xiàn)如下圖效果。(我的書(shū)下面的線)5. android - 用textview顯示html時(shí)如何寫(xiě)imagegetter獲取網(wǎng)絡(luò)圖片6. 對(duì)mysql某個(gè)字段監(jiān)控的功能7. css3 - css怎么實(shí)現(xiàn)圖片環(huán)繞的效果8. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?9. JavaScript事件10. mysql優(yōu)化 - mysql EXPLAIN之后怎么看結(jié)果進(jìn)行優(yōu)化 ?
