javascript - onclick事件點(diǎn)擊不起作用
問(wèn)題描述
1 不知道為什么onclick事件不起作用了。。。html<p style='display:none;text-align:center;'>
<ul class='' style='margin-top:10px;'> <!-- <li onclick='openIllegalPage(’isOnList’)'>wwwwwww</li>--> <p onclick='openIllegalPage(’websiteList’)'><img name='leftSide_xia_menu' onclick='openIllegalPage(’websiteList’)' src='http://www.piao2010.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’websiteList’)' ><a onclick='openIllegalPage(’websiteList’)' style='margin-right:25%;'>wwww覽</a> </li><hr /> </p> <p onclick='openIllegalPage(’websiteNameList’)'><img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /><li ><a style='margin-right:25%;'>wwwwwwww</a></li><hr /> </p> <p><img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’recordNumberList’)'><a style='margin-right:28%;'>wwwwwwww/a></li></li><hr /> </p> <p><img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’unitNameList’)'><a style='margin-right:25%;'>wwwwww</a></li><hr /> </p> <p><img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’contactNameList’)'><a style='margin-right:28%;'>wwwwwwww</a></li><hr /> </p> <p><img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’contactNameList’)'><a style='margin-right:20%;'>wwwwww</a></li><hr /> </p> <p><img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’contactTelephoneList’)'><a style='margin-right:10%;'>wwwwwww</a></li><hr /></p> </ul> </p>
問(wèn)題解答
回答1:<p onclick='openIllegalPage(’websiteList’)'>
function openIllegalPage(ppp,pageName){ if(pageName=='websiteList')}
注意一下參數(shù)
回答2:如果運(yùn)行沒(méi)有出錯(cuò)的話是會(huì)執(zhí)行呢,你可以在openIllegalPage這方法alert() 看一下。我剛復(fù)制你代碼看了一下是可以執(zhí)行這函數(shù)的你這養(yǎng)寫多個(gè)點(diǎn)擊事件它會(huì)沖突的,比如你點(diǎn)里面的元素,外面的元素都會(huì)執(zhí)行。我優(yōu)化了一下,你可以參考一下:html:<ul class='' style='margin-top:10px;'>
<!-- <li onclick='openIllegalPage(’isOnList’)'>網(wǎng)站在線監(jiān)察</li>--><p> <img name='leftSide_xia_menu' src='http://www.piao2010.com/images/frame/icon_a.png' /> <li style='height:30px;cursor:pointer;'><a style='margin-right:25%;'>不規(guī)范網(wǎng)站總覽</a> </li> <hr /></p>
</ul>
js:window.onload = function() {
var onUl = document.querySelector(’ul’); onUl.onclick = function(e) {/** * e.target為事件源(也就是你點(diǎn)哪個(gè)就是哪個(gè)) * 這時(shí)候你點(diǎn)哪個(gè)就是拿到哪個(gè)的節(jié)點(diǎn)了, * 然后根據(jù)(e.target.tagName)判斷 */console.log(e.target.tagName); }}回答3:
你在p上添加了點(diǎn)擊事件,然后你還在p下的img添加點(diǎn)擊事件,你這樣就造成了參數(shù)的重復(fù),要么你就加在img上就行了,手機(jī)端的不想敲代碼。
回答4:實(shí)在不行斷點(diǎn)調(diào)試
回答5:代碼不忍直視
相關(guān)文章:
1. docker-compose中volumes的問(wèn)題2. mysql 一個(gè)sql 返回多個(gè)總數(shù)3. CSS3 畫如下圖形4. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境5. 如何用筆記本上的apache做微信開發(fā)的服務(wù)器6. android - rxjava merge 返回Object對(duì)象數(shù)據(jù)如何緩存7. javascript - 螞蟻金服里的react Modal方法,是怎么把元素插入到頁(yè)面最后的8. python - Scrapy存在內(nèi)存泄漏的問(wèn)題。9. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????10. angular.js - ionic2 瀏覽器跨域問(wèn)題
