zoukankan      html  css  js  c++  java
  • 取得当前页面的value值问题

    取得当前输入input的值

    <body>
        <form action="">
            <input type="text"  id="ipt" value />
            <input id="btn" type="submit" value="提交">
            </form>
         <script type="text/JavaScript">

    var ipt = document.getElementById('ipt')

          var iptVa =document.getElementById('ipt').value
            var s = {
                iptValue:document.getElementById('ipt').value,
                b:function(){alert(123)};
            };


            ipt.onblur = function(){
            
               alert(s.iptValue)
            }
            
           var btn = document.getElementById("btn")
           btn.onclick = function(){
            alert(s.substr(0,2)==46);
        
            }
        </script>
        </body>

    这个代码是取到的值为空,是因为把取值的变量iptVa 定义为全局变量,当页面加载完毕时立即取到input的值,此时的input是没有输入的,所以取到的值肯定是空的。

         <script type="text/javascript">

        var ipt = document.getElementById('ipt')
         
            var s = {
                iptValue:'',
                b:function(){alert(123)}
            };


            ipt.onblur = function(){
               s.iptValue = document.getElementById('ipt').value;
               alert(s.iptValue)
            }
            
           var btn = document.getElementById("btn")
           btn.onclick = function(){
               alert(s.iptValue)
        
           }

        </script>

    以上是把取值变量定义在失焦事件内部,当执行事件时取值才是正确的。

  • 相关阅读:
    网页 js 获取DPI pxTomm
    利用自定义属性实现js点击事件 委托
    鼠标移动div时禁止选中div中的文字的方法
    关于if简写语句优化的方法
    .clearfix::after(清除浮动)
    js 事件委托
    清空共享池
    oracle中scott用户权限不足
    安装完Oracle 12C数据库,scott账户过期,解锁方法
    Vulnhub靶场-Me Tomcat Host 学习笔记
  • 原文地址:https://www.cnblogs.com/yzadd/p/6495155.html
Copyright © 2011-2022 走看看