发表于： 2018-07-18 22:44:23

1 592

今天完成的事情：主要学习了监听事件和事件绑定的的区别和使用方法，以及怎么样用JS实时监听input数值的变化。


明天计划的事情：搞懂怎么样才能按照给出的数值去分配杀手和平民，input绑定的输出框内也出现分配好的数字。


遇到的问题：1、到现在也只是简单的知道了如何让input里输入的数值在另一个框内实时更新，头疼，JS代码的写法太复杂了，就算看一个小时也不能自己写出来，而且这还只是最简单的一个示例，到现在我还推不出按照给出的固定数值去分配杀手和平民的通用公式。

                    2、怎么感觉我之前学的传参（虽然没看懂）和正则表达式和能不能写出任务二没啥关系。。。


收获：

<html>

<head>
<script type="text/javascript">
document.getElementById('filltext').attachEvent('onpropertychange', function () {
console.log(arguments.length);
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
});
</script>
</head>

<body>
<div id="target"></div>
<br />
<input oninput="document.getElementById('target').innerHTML=this.value" id="filltext" type="text" />
</body>

</html>


这是我在网上找了三个小时才找的能够实现监听input实时变化的代码，也看过教程以及很多其他资料，但看教程你只能了解需要input标签里的oninput和js里的onpropertychange才能够实现，但是你根本不知道怎么写，另外实时更新也有很多展现方式，很多资料是弹窗，而我需要的是在另一个输入框内展现。

上一篇
返回列表 返回列表
下一篇
现在开始，找个师兄带你入门
评论

    分享到

    技能树  |  IT修真院

    关于我们 ｜ 联系我们 ｜ 合作公司

    移动端下载

    友情链接

    短信验证码     

    微信公众平台

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