发表于: 2017-07-31 21:18:18

1 831



今天完成的事情: 1JS获取input标签value,获取玩家数量框内的数字;

                            2、对用户输入的数字进行检验判断,当输入框内不是一个4-18之间的数字时,弹出弹框提示。


明天计划的事情:继续完成任务二。


遇到的问题:使用滑动块设置数值,查到可以使用input的range类型。


收获:1input type=range

                可以通过使用 getElementById() 来访问 <input type="range"> 元素

                用法:var x = document.getElementById("myRange");

          2、oninput 

               oninput 事件在用户输入时触发。

               该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

          3、onchange 

               onchange 事件会在域的内容改变时发生。

               onchange 事件也可用于单选框与复选框改变后触发的事件。

 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。


 <input type="text" name="playform" id="playnum" value="0" onblur="inputplayer()">

 <input type="range" name="playform" id="playscroll" value="0"  min="4" max="18" oninput="change()" onchange="change()">

function inputplayer(){

    var a=document.getElementById("playnum").value;

    document.getElementById("playscroll").value=a;

    var b=document.getElementById("playscroll").value;

    document.getElementById("playnum").value = b;

}

function change() {

    var b=document.getElementById("playscroll").value;

    document.getElementById("playnum").value=b;

}




返回列表 返回列表
评论

    分享到