var yzbtn_id = "0";
var phone_id = "0";
var widths = 348;
//获取事件
var silde = document.querySelector('.silde');
var rec = document.querySelector('.rec');
var rect = document.querySelector('.rect');
var img = document.querySelector('.yzimg');
var minusX;  //保存变化的 X坐标（全局变量）
console.log(silde);
//注册事件
silde.onmousedown = function (e) {    //鼠标点击事件，点击之后执行函数，获得点击位置的X坐标
    var initX = e.clientX;    //保存初始按下位置的 X坐标；
       
    document.onmousemove = function (e) {        //鼠标移动事件
        var moveX = e.clientX;
        // var minusX = moveX - initX;    //变化的坐标（要注意作用域的问题，在这里面定义变量，在这个函数之外的函数就没法使用，所以要将minusX变成全局变量）
        minusX = moveX - initX;
        //这里注意一下，获得的minusX只是一个差值，没有单位想让 滑块的位置改变还需要加上 单位px
        //这个时候滑块会跟随鼠标整个页面一行的跑，价格条件判段，限制 滑块移动的区域不可以超过边框，保持left<=0。
        if (minusX < 0) {
            // silde.style.left = '0';
            minusX = 0;
        }
        if (minusX > widths) { //判断最大值
            // silde.style.left = '251';
            // 这里面的距离用边框长度减去 滑块的长度 300-49
            minusX = widths;
            console.log('我到头了');
        }
        silde.style.left = minusX + 'px';
        rec.style.width = minusX + 'px';
        if (minusX >= widths) {
            rect.style.color = 'white';
            img.src = '/static/user/images/gou.png';
            document.onmousemove = null;
            silde.onmousedown = null;
            // rect.innerHTML = '验证成功';
            document.getElementById("hktxt").innerText = "验证成功！";
            yzbtn_id = 1;
        }
      
    }
}
document.onmouseup = function () {    //鼠标抬起事件
    document.onmousemove = null;    //不允许鼠标移动事件发生

    if (minusX < widths) { //如果没有到头
        img.src = '/static/user/images/cha.png';
        silde.style.left = 0;    //设置一个 left值
        rec.style.width = 0;    //绿色背景层设置宽度
        document.getElementById("hktxt").innerText = "验证失败！";
    }
}



//进行识别
$(function () {


    console.log($(window).width());
   var winwidth = $(window).width();
    if (winwidth > 1160) {
        //pc
        console.log("进入PC端");
        $("#m-hkyz").hide();
    } else {
        //h5
        console.log("进入手机端");
        $("#hkyz").hide();
        $("#m-hkyz").show();
        yzbtn_id = 1;
        phone_id = 1;

    }
    //if (!/windows phone|iphone|android/ig.test(window.navigator.userAgent)) {
    //    //pc
    //    console.log("进入PC端");
    //    $("#m-hkyz").hide();

    //} else {
    //    //h5
    //    console.log("进入手机端");
    //    $("#hkyz").hide();
    //    $("#m-hkyz").show();
    //    yzbtn_id = 1;
    //    phone_id = 1;

    //}

    $(function () {
        $(".m-yzm div").click(function () {
            var st = $(".m-yzmdiv-div .ipt1").val();
            $(".m-yzmdiv-div .ipt1").val(st + $(this).attr("data-id"))
        });
        $("#m-hkyz").click(function () {
            $(".m-yzmdiv").show();
        });
        $(".m-yzmdiv-div .ipt3").click(function () {
            $(".m-yzmdiv-div .ipt1").val("");

        });
    });

});