javascript - onclick事件點擊不起作用
問題描述
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.gepszalag.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.gepszalag.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.gepszalag.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.gepszalag.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.gepszalag.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.gepszalag.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.gepszalag.com/images/frame/icon_a.png' /><li onclick='openIllegalPage(’contactTelephoneList’)'><a style='margin-right:10%;'>wwwwwww</a></li><hr /></p> </ul> </p>
問題解答
回答1:<p onclick='openIllegalPage(’websiteList’)'>
function openIllegalPage(ppp,pageName){ if(pageName=='websiteList')}
注意一下參數
回答2:如果運行沒有出錯的話是會執行呢,你可以在openIllegalPage這方法alert() 看一下。我剛復制你代碼看了一下是可以執行這函數的你這養寫多個點擊事件它會沖突的,比如你點里面的元素,外面的元素都會執行。我優化了一下,你可以參考一下:html:<ul class='' style='margin-top:10px;'>
<!-- <li onclick='openIllegalPage(’isOnList’)'>網站在線監察</li>--><p> <img name='leftSide_xia_menu' src='http://www.gepszalag.com/images/frame/icon_a.png' /> <li style='height:30px;cursor:pointer;'><a style='margin-right:25%;'>不規范網站總覽</a> </li> <hr /></p>
</ul>
js:window.onload = function() {
var onUl = document.querySelector(’ul’); onUl.onclick = function(e) {/** * e.target為事件源(也就是你點哪個就是哪個) * 這時候你點哪個就是拿到哪個的節點了, * 然后根據(e.target.tagName)判斷 */console.log(e.target.tagName); }}回答3:
你在p上添加了點擊事件,然后你還在p下的img添加點擊事件,你這樣就造成了參數的重復,要么你就加在img上就行了,手機端的不想敲代碼。
回答4:實在不行斷點調試
回答5:代碼不忍直視
相關文章:
1. javascript - vue提示語法錯誤,請問錯誤在哪?2. 淺談vue生命周期共有幾個階段?分別是什么?3. index.php錯誤,求指點4. css - 關于偽類背景問題5. javascript - 為什么我的animation-fill-mode 設置不生效6. html - JavaScript的Dom操作如何改變子元素的文本內容7. css - 移動端 oppo 手機之 Border-radius8. python - 抓包只抓到json,真實的地址卻找不到9. java - web端百度網盤的一個操作為什么要分兩次請求服務器, 有什么好處嗎10. javascript - vue.js如何遞歸渲染組件.
