会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132647个问题
WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 17楼
WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 18楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        ul{list-style: none;
        position: absolute;
        display: none;
        min-width: 220px;
            
        }
        li{
            cursor: pointer;
            height: 30px;
            line-height: 30px;
            }
            li:hover{
                background-color: skyblue;
            }
    </style>
</head>
<body>
<ul>
    <li>我想去吃烤鸭</li>
    <li>确认关闭本页面吗?</li>
    <li>去百度搜索页面中选中的内容</li>
    <li>弹出提示框,用户【在提示框中输入内容】然后跳转至百度进行搜索</li>
</ul>
<script>
    var ul=document.querySelector('ul');
    
    document.oncontextmenu = function (eve) {
        return false;  //return false表示事件禁用
    };
    document.onmouseup=function(eve){
        if(eve.button==2){
            ul.style.display='block';
            ul.style.left=eve.clientX+'px';
            ul.style.top=eve.clientY+'px';
       
    }else{
        ul.style.display='none';
    }
   
    }
    ul.onmousedown=function(eve){
        switch (eve.target.innerHTML) {
            case '我想去吃烤鸭':function test1(){
                alert('那就去呗');
            }
                
                break;
        
            default:
                break;
        }
        // if(eve.target.innerHTML=='我想去吃烤鸭'){
        //     alert('去吧');
        }
    
</script>
</body>
</html>

老师为啥我这个mousedown事件用swtich来判断真正触发者,点击了第一个li没反应 但是用if语句判断就可以

WEB前端全系列/第二阶段:JavaScript编程模块/面向对象编程 19楼
WEB前端全系列/第二阶段:JavaScript编程模块/浏览器模型(BOM) 20楼
WEB前端全系列/第二阶段:JavaScript编程模块/运算符_数据类型和流程循环语句 21楼
WEB前端全系列/第二阶段:JavaScript编程模块/Math与Date 26楼
WEB前端全系列/第二阶段:JavaScript编程模块/Math与Date 27楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637