javascript - le clic de l'événement onclick ne fonctionne pas

Question

1 Je ne sais pas pourquoi l'événement onclick ne fonctionne pas. . .
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>
                

Answer 1

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

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

Faites attention aux paramètres

Answer 2

S'il n'y a pas d'erreur dans l'opération, elle sera exécutée. Vous pouvez jeter un œil à la méthode alert() de openIllegalPage. Je viens de copier votre code et j'ai vu qu'il peut exécuter cette fonction
Si vous écrivez plusieurs événements de clic, cela entrera en conflit. Par exemple, si vous cliquez sur un élément à l'intérieur, tous les éléments à l'extérieur seront exécutés.
Je l'ai optimisé, vous pouvez vous y référer :
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);
            }

        }

Answer 3

Vous avez ajouté un événement de clic à p, puis vous avez également ajouté un événement de clic à l'img sous p. Cela entraînera une duplication des paramètres, ou vous pouvez simplement l'ajouter à img. Vous ne voulez pas taper de code sur le mobile. téléphone.

Answer 4

Le débogage des points d'arrêt n'est vraiment pas possible

Answer 5

Le code ne supporte pas qu'on le regarde