zoukankan      html  css  js  c++  java
  • 实时监听 JavaScript改变 input 值 input输入框内容 value 变化实时监听

    思路:通过setInterval()方法去定时对比新旧值

    当时候JavaScript的onchange 和onpropertychange(注意ie版本) 监听输入框input时间,人为改变值是可以触发这2个事件的,但是一旦js去改变了就不能实时监听值得改变

    
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<title>test</title>
    	<script src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script>
    </head>
    <body>
    	<input value="123"   id="myInput" />
    </body>
    <script >
    	$(function(){
    		var value=$("#myInput").val()
    		setInterval(function(){
    			/**
    			*1、隔200ms比较一次值
    			*2、注意JavaScript == 和===的区别
    			*3、三目运算符 ?: 可以接函数调用
    			*/
    		value === $("#myInput").val() ? doSomething() : console.log("changed !!!"),
    		value=$("#myInput").val();
    	},200)
    	setInterval(function(){//仅仅为了模拟JavaScript改变了值
    		$("#myInput").val("123123");
    	},2000)
    	function doSomething(){
    		console.log("no changed !!!")
    	}
    
    });
    </script>
    </html>
    
    
    
  • 相关阅读:
    HDU 4393 Throw nails(贪心加模拟,追及问题)
    【Add Two Numbers】
    【Single Num II】cpp
    【Single Number】cpp
    【Candy】cpp
    【Gas Station】cpp
    【Set Matrix Zeros】cpp
    【Gray Code】cpp
    【Climbing Stairs】cpp
    【Plus One】cpp
  • 原文地址:https://www.cnblogs.com/humi/p/10613860.html
Copyright © 2011-2022 走看看