javascript - onclick event click not working
迷茫
迷茫 2017-06-06 09:52:06
0
5
1051

1 I don’t know why the onclick event doesn’t work. . .
html
<p id="leftSide_xia" style="display:none;text-align:center;">

                    <ul class="" style="margin-top:10px;">
                    <!-- <li  style="height:52px;cursor:pointer;" onclick="openIllegalPage('isOnList')">wwwwwww</li>-->
                    <p onclick="openIllegalPage('websiteList')"><img name="leftSide_xia_menu"  onclick="openIllegalPage('websiteList')" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  onclick="openIllegalPage('websiteList')" style="height:30px;cursor:pointer;" ><a  onclick="openIllegalPage('websiteList')" style="margin-right:25%;">wwww览</a> </li><hr  style="border:0;background-color:rgb(8,30,44);height:2px;margin-top:0px;width:90%;"/>
                       </p>
                    <p onclick="openIllegalPage('websiteNameList')"><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  style="height:30px;cursor:pointer;" ><a style="margin-right:25%;">wwwwwwww</a></li><hr  style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
                       </p>
                    <p>
                        <img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  style="height:30px;cursor:pointer;" onclick="openIllegalPage('recordNumberList')"><a style="margin-right:28%;">wwwwwwww/a></li></li><hr  style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
                    </p>
                    <p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  style="height:30px;cursor:pointer;" onclick="openIllegalPage('unitNameList')"><a style="margin-right:25%;">wwwwww</a></li><hr  style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
                       </p>
                    <p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  style="height:30px;cursor:pointer;" onclick="openIllegalPage('contactNameList')"><a style="margin-right:28%;">wwwwwwww</a></li><hr  style="border:0;background-color:rgb(8,30,44);height:2px;margin-top:0px ;width:90%;"/>
                       </p>
                    <p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  style="height:30px;cursor:pointer;" onclick="openIllegalPage('contactNameList')"><a style="margin-right:20%;">wwwwww</a></li><hr  style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
                       </p>
                    <p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li  style="height:30px;cursor:pointer;" onclick="openIllegalPage('contactTelephoneList')"><a style="margin-right:10%;">wwwwwww</a></li><hr  style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
                </p>
                    </ul> 
                </p>
                


迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

reply all(5)
洪涛

<p onclick="openIllegalPage('websiteList')">

function openIllegalPage(ppp,pageName){
    if(pageName=="websiteList")
}

Pay attention to the parameters

小葫芦

If there are no errors during operation, it will be executed. You can take a look at the alert() method of openIllegalPage. I just copied your code and saw that it can execute this function. If you write multiple click events, it will conflict. For example, if you click on an element inside, all elements outside will be executed.
I optimized it, you can refer to it:
html:
<ul class="" style="margin-top:10px;">

        <!-- <li  style="height:52px;cursor:pointer;" onclick="openIllegalPage('isOnList')">网站在线监察</li>-->
        <p>
            <img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;" />
            <li style="height:30px;cursor:pointer;">
                <a style="margin-right:25%;">不规范网站总览</a>
            </li>
            <hr style="border:0;background-color:rgb(8,30,44);height:2px;margin-top:0px;width:90%;" />
        </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);
            }

        }
迷茫

You added a click event to p, and then you also added a click event to the img under p. This will cause duplication of parameters, or you can just add it to the img. You don’t want to type code on the mobile phone.

洪涛

Breakpoint debugging is really not possible

世界只因有你

The code can’t bear to be looked at

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!