账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js 增加鼠标点击监听事件,为什么点击了无效也不报错?
    34
    0
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #cs2{
                height: 800px;
                width: 500px;
                background-image: url("./psd001.png");
                text-align: center;
                display: none;
            }
    
            #cs1{
                height: 350px;
                width: 200px;
            }
        </style>
    </head>
    <body>
    
    <div id='cs1'>
        <img src="vv.png">
    </div>
    
    
    <div id='cs2'>
        123
    </div>
    
    
    <script>
        /*
        function show()
        {
            console.log('鼠标点解了')
        }
        */
    
    
        function show(n)
        {
            console.log('鼠标经过了')
            document.getElementById(n).style.display="block";
        }
    
    
        function hide(n)
        {
            document.getElementById(n).style.display="none";
        }
    
        //document.getElementById('cs1').onmouseover = show('cs2');
    
        //document.getElementById('cs1').onmouseout=hide('cs2');
    
        var cs1 = document.getElementById('cs1');
        if(cs1.attachEvent){
            cs1.attachEvent('onclick',function () {//添加一个单击事件(单击时触发function函数)
                show('cs2')
            });
        }else if(cs1.addEventListener) {
            cs1.addEventListener('onclick',function () {//添加一个单击事件(单击时触发function函数)
                show('cs2')
            });
        }
    
    
    
    
    </script>
    
    
    
    </body>
    </html>
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部