会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132495个问题
WEB前端全系列/第十九阶段:Vue2知识体系(旧)/Vue基础知识 28847楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 28849楼
JAVA 全系列/第一阶段:JAVA 快速入门/飞机大战小项目训练 28851楼
WEB前端全系列/第十九阶段:Vue2知识体系(旧)/Vue基础知识 28852楼
WEB前端全系列/第十三阶段:微信小程序-安心食疗(旧)/安心食疗-页面跳转 28853楼

<!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编程模块/面向对象编程 28857楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>封装自定义ajax</title>
    <script src="js/beixiAjaxBaseUtil.js"></script>
</head>
<body>
<button>传送数据</button>
</body>
<script>
    document.querySelector('button').onclick=function(){
        beixiAjax({
            type:'get',
            url:'封装自定义Ajax.php',
            data:{
                username:'test-beixi',
                password:'test-123456'
            },
            success:function (res) {
                console.log(res);
            }
        })
    }

</script>
</html>

js

function beixiAjax(paramsObj){
    if (paramsObj.type.toLowerCase()=='get'){
        var arr=[];
        for (var pro in paramsObj.data){
            var str=pro+"="+paramsObj.data[pro];
            arr.push(str);
        }
        var canshuStr=arr.join('&');
        paramsObj.url+=paramsObj.url.indexOf('?')==-1
            ?'?'+canshuStr:
            '&'+canshuStr;

    }else if(paramsObj.type.toLowerCase()=='post'){
        var formData=new FormData;
        for (var pro in paramsObj.data){
            formData.append(pro,paramsObj.data[pro]);
        }
    }else {
        console.log('请求类型有误')
    }
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function () {
        if (xhr.readystate==4){
            if(xhr.status==200){
                paramsObj.success(JSON.parse(xhr.responseText));
            }
        }
    };
    xhr.open(paramsObj.type,paramsObj.url,true);
    if (paramsObj.type.toLowerCase()=='get'){
        xhr.send(null);
    }else if(paramsObj.type.toLowerCase()=='post'){
        xhr.send(formData);
    }else {
        console.log('请求有误');
    }
}

php

<?php
 $success=array('msg'=>'ok','info'=>$_GET);
 echo  json_encode($success);
?>

老师我做的这个前端没有任何反应 ,麻烦给看看哪里的问题 谢谢老师

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 28859楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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