zoukankan      html  css  js  c++  java
  • 实时输入---输入框

    <html>
    <head>
    	<meta charset="utf-8" />
    	<title>监听输入框值的即时变化 onpropertychange oninput</title>
    	<script type="text/javascript">
    		function immediately(){
    			var element = document.getElementById("mytext");
    			if("v"=="v") {
    				element.onpropertychange = webChange;
    			}else{
    				element.addEventListener("input",webChange,false);
    			}
    			function webChange(){
    				if(element.value){document.getElementById("test").innerHTML = element.value};
    			}
    		}
    	</script>
    
    <input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" />
    <div>您输入的值为:<span id="webtest">还未输入</span></div>
    
    <input type="text" name="textfield" id="mytext" />
    <div>您输入的值为:<span id="test">还未输入</span></div>
    
    <script type="text/javascript">
    	immediately();
    </script>
    
    </head>
    <body>
    

      

  • 相关阅读:
    培训第一天
    jQuery日期时间控件
    java.lang.ExceptionInInitializerError
    j2ee 获取上下文环境
    BeanUtil.ConversionException
    Python3.x和Python2.x的区别
    Apache开启伪静态
    总结
    常用的视频网站
    lua语言萌新之路
  • 原文地址:https://www.cnblogs.com/rysly/p/real_time_input.html
Copyright © 2011-2022 走看看