• 实时监听 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>
    
    
    
  • 相关阅读:
    #leetcode刷题之路32-最长有效括号
    #leetcode刷题之路31-下一个排列
    数据结构第一节 递归
    数据结构 第一节
    java基础 抽象类与接口
    Spring1
    java基础3。定义类
    java基础2。基本数据类型
    java基础1。面向对象
    丑数
  • 原文地址:https://www.cnblogs.com/humi/p/10613860.html
Copyright © 2020-2023  润新知