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://m.propowerdrill.cn/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://m.propowerdrill.cn/images/frame/icon_a.png' /><li ><a style='margin-right:25%;'>wwwwwwww</a></li><hr /> </p> <p><img name='leftSide_xia_menu' src='http://m.propowerdrill.cn/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://m.propowerdrill.cn/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://m.propowerdrill.cn/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://m.propowerdrill.cn/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://m.propowerdrill.cn/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://m.propowerdrill.cn/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 - 微信h5發送圖文信息,部分設備點擊“發送”按鈕時沒反應,問題較難重現,如何能找到可能存在問題的點?2. objective-c - 做一個百度地圖定位的demo,結果出錯好多。3. 微信小程序session無法緩存的問題4. java-web - Java WEB:什么樣的jar包必須放到WEB-INF下?有些包放外面tomcat就起不來5. javascript - 關于微信授權的問題。6. java - 輸出4個不相等整數之間所有任意三個整數的乘積7. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果8. 如何使用Java1.8編譯1.6JVM可運行的class文件9. angular.js - 公眾號H5頁面 angularjs 怎么動態修改title值(微信6.5.5,動態修改不行 6.5.7闊以)10. node.js - 如何在服務器部署vuejs項目?
