js 修改了input框 如何监听
所属分类: JS 2023-02-24 16:06:19 编辑:admin 浏览次数 1219 次
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<button id='aaa'>修改</button>
<input type="text" id="a" />
<script type="text/javascript">
$(function(){
$("#a").bind('input porpertychange',function(){
console.log("实时监听变化"+$("#a").val());
//监听他的变化,但用js修改后就不能监听了
});
$("#aaa").on("click",function(){
$("#a").val(new Date());
})
//先获取input的值,存到sessionStorage
var lastVal = $("#a").val();
sessionStorage.setItem('ssss',lastVal)
setInterval(function(){
var lastValNew = $("#a").val();
var lastValOld = sessionStorage.getItem('ssss');
if(lastValNew != lastValOld){
sessionStorage.setItem('ssss',lastValNew);
//执行其他js
console.log('我监听到了用js修改input的变化'+lastValNew)
}
},1000);
});
</script>
猜你喜欢
- JavaScript和Jquery的dom操作对比 2018-07-11
- js实现跳转和刷新功能 2018-07-16
- 前端实现分页 2018-07-21
- Js获取当前日期时间及其它操作 2018-08-12
- js为数据加载 2018-08-12
- 正则表达式常用的验证 2018-08-13