javascript - html中阻止默認(rèn)事件
問(wèn)題描述
<!DOCTYPE HTML><html lang='en-US'><head> <meta charset='UTF-8'> <title></title></head><body> <a onclick = 'return f1()'>騰訊</a> <script type='text/javascript'>//定義f1函數(shù)function f1(){ console.log( ’騰訊被點(diǎn)擊了’); return false;}</script></body></html>
問(wèn)題解答
回答1：onclick是個(gè)函數(shù)，不return就是沒(méi)有返回值，怎么阻止默認(rèn)事件？跟你f1是否return沒(méi)有關(guān)系
回答2：能不能阻止默認(rèn)行為是看onclick函數(shù)的返回值，有return的時(shí)候，返回f1的返回值false。
不寫return的onlick處理函數(shù)如下，此時(shí)的返回值因?yàn)闆](méi)有return語(yǔ)句，所以默認(rèn)返回undefined
瀏覽器會(huì)對(duì)頁(yè)面元素的某些元素產(chǎn)生默認(rèn)行為。比如一個(gè) a 鏈接點(diǎn)擊之后，會(huì)自動(dòng)跳轉(zhuǎn)至對(duì)應(yīng) href 地址網(wǎng)頁(yè)去；又如一個(gè)表單，當(dāng)你點(diǎn)擊 提交 按鈕之后，默認(rèn)會(huì)將數(shù)據(jù)發(fā)送至 form 的 action 地址去。這些都是瀏覽器的處理頁(yè)面元素的默認(rèn)行為，當(dāng) onlick = 'return false' 時(shí)，會(huì)禁止掉這種瀏覽器的默認(rèn)行為。故而你的這段代碼并不會(huì)跳轉(zhuǎn)至 騰訊首頁(yè) 去。<a onclick = 'return f1()'>騰訊</a> function f1(){console.log( ’騰訊被點(diǎn)擊了’);return false; }
另外，你應(yīng)該善用搜索引擎，百度一下，第一條就可以解決掉你的困惑，地址如下：https://zhidao.baidu.com/ques... 。望共同進(jìn)步，共勉之~
回答4：<a onclick='myFun(event)'>123</a>function myFun(e) { e.preventDefault(); console.log(12313123)}
這樣豈不是更簡(jiǎn)單。。。。用e.preventDefault();來(lái)阻止
還有，既然要阻止，干嘛還要在頁(yè)面上寫上鏈接。。。
回答5：onclick屬性的值是js代碼，return f1()，如果f1()返回false的話，return f1()就代表return false。當(dāng)然，這個(gè)return是有點(diǎn)多余，但是語(yǔ)法也沒(méi)錯(cuò)。只要語(yǔ)法沒(méi)錯(cuò)，實(shí)現(xiàn)了就行。
相關(guān)文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報(bào)錯(cuò)了？2. docker-compose中volumes的問(wèn)題3. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗！4. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題5. golang - 用IDE看docker源碼時(shí)的小問(wèn)題6. docker不顯示端口映射呢？7. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件8. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””9. docker內(nèi)創(chuàng)建jenkins訪問(wèn)另一個(gè)容器下的服務(wù)器問(wèn)題10. mac里的docker如何命令行開(kāi)啟呢？
網(wǎng)公網(wǎng)安備