懒人模板网--最新最全织梦模板,Discuz论坛模板,手机网站模板
当前位置:懒人模板>懒人教程>编程教学>

JS实时获取输入框input中的值并实时传入到另一个input中

发布时间:2018-08-31 来源:未知 浏览: 关键词:
    <input type="text" id='btn' disable='disable' value="123">
 
 
    <input type="text" id='title' disable='disable' value="">
 
   
    <script>
        var oBtn = document.getElementById('btn');
        var oTi = document.getElementById('title');
        if('oninput' in oBtn){ 
                oBtn.addEventListener("input",getWord,false); 
            }else{ 
                oBtn.onpropertychange = getWord; 
            }
        // var ie = !!window.ActiveXObject; 
     //    if(ie){ 
     //        oBtn.onpropertychange = getWord; 
     //    }else{ 
     //        oBtn.addEventListener("input",getWord,false); 
     //    } 
        function getWord(){
            oTi.value = oBtn.value;
        }
    </script>



例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
   
</head>
<body>
 
    <input type="text" id='btn' disable='disable' value="123">
 
 
    <input type="text" id='title' disable='disable' value="">
 
   
    <script>
        var oBtn = document.getElementById('btn');
        var oTi = document.getElementById('title');
        if('oninput' in oBtn){ 
                oBtn.addEventListener("input",getWord,false); 
            }else{ 
                oBtn.onpropertychange = getWord; 
            }
        // var ie = !!window.ActiveXObject; 
     //    if(ie){ 
     //        oBtn.onpropertychange = getWord; 
     //    }else{ 
     //        oBtn.addEventListener("input",getWord,false); 
     //    } 
        function getWord(){
            oTi.value = oBtn.value;
        }
    </script>
</body>>
</html

责任编辑:懒人模板小编
共有人阅读,期待你的评论!评论
编程教学
二次开发
使用技巧
调试安装
运营推广
IT行业新闻
编程教学
2016-2018 懒人在线网 版权所有:深圳市一路互联信息技术有限公司 备案号:粤ICP备15061805号-1