IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

如何事件委托，只点击出现，点击其他，事件委消失

1

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function(){
    $('#Oversize').on('click','div',function(event){
        var target = $(event.target);
        $(event.target.parentNode).css("border","3px solid red");
        // console.log(target);
    });
})

该问题已被官方收录

2

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//用oninpu事件设定input的属性
document.getElementById("players").oninput = function(){
    var x = /\D/g; //定义正则，非数字规则
    this.value = this.value.replace(x,""); //为非数字时替换成空
}

该问题已被官方收录

如何根据月份和日期可以选出对应星座？

0

1

控制流程语句事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 根据出生时间戳选出星座
            getStarSign: function (time) {
                function getAstro(m,d){
                    return "魔羯水瓶双鱼白羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯".substr((m+1)*2-(d<"102123444543".charAt(m)- -19)*2,2);
                }
                if(time == '' || time == undefined){
                    return '';
                } else {
                    var date = new Date(time);
                    var month = date.getMonth();
                    var day = date.getDate();
                    var starSign = getAstro(month,day);
                    return starSign;
                }
            },

该问题已被官方收录

平民都杀完了或者杀手都投死完了还没结束跳转到游戏结束。

0

1

本地储存 js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 点击杀人按钮
$('button').click(function () {
    // 当杀手未选择玩家时，跳出提示弹窗
    if (a == undefined) {
        alert("请选择要杀死的玩家")
    } else {
        // 当杀手点击平民并杀死时平民人数-1
        if (arr[a].breed == "平民") {
            civilian = civilian - 1;
            // 记录被杀玩家的序号push到被杀死的玩家数组
            killarr.push(new Killed(arr[a].num, arr[a].breed));
            // 保存push的死亡玩家数组
            localStorage.setItem("killarr", JSON.stringify(killarr));
        }
        // 时时保存平民剩余的人数
        localStorage.setItem("civiliannum", JSON.stringify(civilian));
        // 当平民人数为0时结束游戏
        if (civilian == "0") {
            location.href = "../html/js4-4.html";
            return;
        }
        // 当点击被杀死和被投死的玩家，提示玩家已死亡
        if (arr[a].status == "杀死" || arr[a].status == "投死") {
            alert("该玩家已经死亡，请选择其他玩家");
        } else if (arr[a].breed == "杀手") {
            // 当杀手点击本职业玩家跳出窗口提示
            alert("你的职业是杀手，不能杀死本职业的玩家")
        } else {
            // 当杀手点击平民
            arr[a].status = "杀死"; //把玩家对象的status属性值改为杀死
            // 被杀玩家的背景改变
            $('.box').eq(a).css("background", "#e4e4e4");
            // 保存被杀死的玩家对象
            localStorage.setItem("store", JSON.stringify(arr));
            location.href = "../html/js4-1.html"; //返回到游戏进度页面      
        }
    }
})

该问题已被官方收录

为什么获取不到input输入框的值？

1

1

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

富文本编辑器wangEDITOR数据无法与AngularJS绑定

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

关于有限状态机的部分，如果使用了有限状态机的话，那么我点击以后渲染出了页面文字

1

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 读取上个页面保存的数值
var data = JSON.parse(sessionStorage.getItem('PartArr'));
console.log(data)

// 制作点击事件杀人页面第一个选项
var box2 = document.getElementsByClassName('box2')[0];
var bo = 0;
var sk = document.getElementsByClassName('show');
var sk1 = document.getElementsByClassName('show1');
// 右上角点击返回最初页面点击事件
var finish = document.getElementsByClassName('finish')[0].onclick = function () {
    window.location = './../js2-1/js2-1.html';
}
// 声明天数
// var ts;


if (sessionStorage.getItem('PartArr')) {
    sk.innerHTML = data;
}

function box1() {
    if (bo == 0) {
        box2.style.display = 'none';
        bo += 1;
    } else if (bo == 1) {
        box2.style.display = ''
        bo = 0;
    }
}
// --------------------------------------------------------
// 先声明变量，初始值
if (sessionStorage.cszt) {
    var cszt = sessionStorage.cszt;
} else {
    var cszt = 'pagetokill';
}





// 首先获取类名的DOM节点
var Boxtokill = document.getElementsByClassName('Box-to-kill')[0];
var Boxtokill1 = document.getElementsByClassName('Box-to-kill')[1];
var Boxtokill2 = document.getElementsByClassName('Box-to-kill')[2];
var Boxtokill3 = document.getElementsByClassName('Box-to-kill')[3];

// 有限状态机开始

var murderq = new StateMachine({
    // 初始状态:杀人页面
    init: cszt,
    transitions: [
        // 准备好的状态
        // 1准备杀人，2，杀人页面，3，选择杀人↓
        {
            name: 'readytokill',
            from: 'pagetokill',
            to: 'choosetokill'
        },
        // // 1死者遗言，2,选择杀人，3，发表遗言↓
        {
            name: 'thelastwords',
            form: 'choosetokill',
            to: 'publishedlastwords'
        },
        // // 1玩家发言,2发表遗言,3,玩家说话
        {
            name: 'theplayertospeak',
            form: 'publishedlastwords',
            to: 'playerstalk'
        },
        // //1全名投票，2玩家发言，3
        {
            name: 'referendum',
            form: 'playerstalk',
            to: 'vote'
        }
    ],
    // 点击之后输出的对话框
    methods: {
        onEnterChoosetokill: function () {
            // 第一个步骤判断，判断死亡的人进行渲染
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },
        // 第二个步骤
        onEnterPublishedlastwords: function () {
            alert('死者发表遗言');
            Boxtokill1.style.background = 'black';
            //  重新执行一遍，保存数据
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    console.log(data[kk].num + '号被杀手杀死，真实身份是平民');
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },

        onEnterPlayerstalk: function () {
            alert('玩家开始发言');
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
        },

        onEnterVote: function () {
            // alert('开始投票');
            // window.location = './../js4投票/js4-tp.html';
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                    console.log(sk1)
                    sk1[0].innerHTML = data[kk].num + '号被投死，真实身份是' + data[kk].breed;
                    Boxtokill3.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
            Boxtokill3.style.background = 'black';
        }
    }
});
// 第一个点击事件
Boxtokill.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            // 如果是这样的初始状态的情况下，就保存下来
            cszt = 'choosetokill';
            // 保存当前状态
            sessionStorage.cszt = cszt;
            console.log(cszt);
            window.location = './../js4杀手杀人/js4-3.html';
            murderq.readytokill();
            break;
        case 'choosetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            alert('请按照顺序操做');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}
// 第二个点击事件
Boxtokill1.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序操作');
            break;
        case 'choosetokill':
            murderq.thelastwords();
            break;
        case 'publishedlastwords':
            alert('请按照顺序');
            // 保存当前状态
            sessionStorage.cszt = murderq.state;
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state);
}
console.log(murderq.state)
// 第三个点击事件
Boxtokill2.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            murderq.theplayertospeak();
            sessionStorage.cszt = murderq.state;
            break;
        case 'choosetokill':
            alert('请按照顺序操作');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}

// 第四个点击事件
Boxtokill3.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'playerstalk':
        murderq.referendum();
        alert('开始投票');
        window.location = './../js4投票/js4-tp.html';
            sessionStorage.cszt = murderq.state;
            break;
    }
}
console.log(murderq.state);

该问题已被官方收录

点击关闭按钮，的弹窗函数覆盖了杀人按钮的弹窗

0

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function close() { //关闭按钮函数
    $(".close").on("click", function () { //点击关闭按钮,弹窗
        ask("visible", "27vh auto"); //调用弹窗函数
        $("#text").text("结束本轮游戏吗?");
        if ($("#text").text() === "结束本轮游戏吗?") {
            $("#confirm").on("click", function () {

                $(location).attr('href', "index.html");
                localStorage.clear();
            });
        };

    });
};

function hidden() { //点击确定和取消弹框消失函数
    $("#confirm,#cancle").on("click", function () { //点击确定和取消弹框消失
        ask("hidden", "25vh auto"); //调用弹窗函数
    });
};

var fsm = {
        state: localStorage.getItem('steps'),
        killStep: function () { //杀手函数
            switch (fsm.state) {
                case 'none': // 如果是初始状态，即点击杀手步骤
                    localStorage.setItem('steps', 'killer'); //存储步骤为杀手杀人
                    $(location).attr('href', "kill.html"); //点击杀手杀人跳转杀人页面
                    break;
                case 'death': //如果继续点击杀手步骤会弹窗提醒
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击亡灵发表遗言");
                    break;
                case 'talk': //如果点击发言
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击玩家依次发言");
                    break;
                case 'vote': //如果点击投票
                    ask("visible", "27vh auto"); //弹窗
                    $("#text").text("请点击全民投票");
                    break;
            }
        },

该问题已被官方收录

亡灵发言页面，第一天和第二天渲染出来是一样的。

0

1

控制流程语句本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var day=JSON.parse(sessionStorage.getItem('sky'));
var murder=new Array;
for(var h=0;h<day;h++){
    // console.log(h+1);
   if(h<day){
   murder.push(  '<div class="center">'+'第'+' <span class="nm"></span>'+' 天'+'</div>'+
       '<div class="center-bottom">'+
           '<div class="left">'+
           '<div class="left-top"><img src="images/JS4-2.png" alt=""></div>'+

           '<div class="left-boot"><img src="images/JS4-3.png" alt=""></div>'+
           '</div>'+
           '<div class="right">'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-top">'+'杀手杀人'+'</button>'+
           '<br>'+
           '<p class="text-top"></p>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-top2">'+'亡灵发表遗言'+'</button>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-center">玩家依次发言</button>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-boot">'+'玩家投票'+'</button>'+
           '<p class="text-bottom"></p>'+
           '</div>'+
           '</div>'+
           '</div>');
   console.log(murder);
   $('main').html(murder);
       $('.nm').text(h+1);
   }
}

该问题已被官方收录

如何在结果页获取杀人数据和投票数据，并把杀过的人和投死的人展示出来？

1

1

本地储存控制流程语句

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div>太棒了!你知道么？在捉鬼游戏中只有20%的卧底取得游戏最终的胜利哦!</div>
<p>本次游戏共计用时0小时25分钟</p>
<p>杀手0人     平民6人</p>


var result = document.getElementById("result")

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1