发表于: 2017-07-31 21:18:18
1 830
今天完成的事情: 1、JS获取input标签value,获取玩家数量框内的数字;
2、对用户输入的数字进行检验判断,当输入框内不是一个4-18之间的数字时,弹出弹框提示。
明天计划的事情:继续完成任务二。
遇到的问题:使用滑动块设置数值,查到可以使用input的range类型。
收获:1、input 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;
}
评论