html总怎么使用实时获取input标签中的值

我想通过js监视input标签自动获取input组件用户输入的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档

var yourinput=document.getElementsByTagName('input')[0]; if(document.addEventListener){ yourinput.addEventListener('input',write,false); }else{ yourinput.attachEvent('onpropertychange',write); } alter(yourinput.value); function write(){ document.getElementsByTagName('p')[0].innerHTML=yourinput.value; }


给你的控件加上onchange事件，在里面添加获取input值的逻辑

onchange事件获取input 的value

用AngularJS用ng-model进行双向数据绑定

用setTimeout()方法，每隔一段时间调用自己一次，即每隔一段时间获取一次input的值

 <script>
        $(document).ready(function(){
            var status = setTimeout('getvalue()',1000); 
        });
        function getvalue(){
            var value = $('#thevalue').val();
            alert(value);
            status = setTimeout('getvalue()',1000); 
        }
    </script>

input里面加入onChange()方法，或者加入onKeyPress()方法和onKeyDown()方法获取，后两者是捕获用户的按键信息

使用onchange方法获取input值，如果传送后台，可以使用HTML5的websocket时时推送数据。

input里面加入onChange()方法，或者加入onKeyPress()方法和onKeyDown()方法获取，后两者是捕获用户的按键信息