Js改变input值不触发监听事件问题

最新推荐文章于 2024-03-11 14:52:38 发布
最新推荐文章于 2024-03-11 14:52:38 发布
阅读量6k 收藏 3
点赞数
分类专栏： 前端 文章标签： 监听input 不触发监听
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guocunlei25/article/details/80420871
版权

项目中遇到一个问题：在input上加了一个监听事件

$( '#inputId' ).bind( 'input propertychange' ,  function () {
    dosomethig...
});

但我在使用Js改变这个input的值后，监听事件并不能触发

原因：

    使用Js动态改变input的值时，没有任何鼠标和键盘的事件，所以并不能触发监听

解决：

    在Js改变这个值之前加上一句话：$("#inputId").trigger("input");  问题得以解决

 

学负五车郭小白
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jQuery/JS监听input输入框值变化实例
12-13
input事件： onchange： 1、要在 input 失去焦点的时候才会触发； 2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发； 3、onchange event 所有主要浏览器都支持； 4、onchange 属性可以使用于：<input>, <select>, 和 <textarea>。 [removed] function change(){ var x=document.getElementById("password"); x.value=x.value.toUpperCase();<br data-filtered="fil
js修改表单值不会触发input事件
cmdos的专栏
02-26 613
前情最近在做需求开发时候，需要监听表单的input事件坑位当通过JS动态修改表单的值的发现并不会触发表单的input事件Why?个人猜测是浏览器默认行为，input只会针对用户手动输入做响应解决方案在JS动态修改表单域值的时候，可以手动触发一下表单input事件<!DOCTYPE html><html><head> <meta charset="utf-8" 重庆干部培训 https://eedgz.swupl.edu.cn/ > <meta nam
js无法监听input中js改变值的变化
NDSC1994的博客
05-23 444
$(input).on('change',function(){ }) 当使用$(input).val('...');不会触发它的change事件 解决办法一：在改变它的值后，手动触发input的change事件 例：$(input).trigger('change') 转载于:https://www.cnblogs.com/yanqiong/p/10910390.html...
JS改变input的value值不触发onchange事件解决方案
热门推荐
zhbitxhd的专栏
10-22 14万+
需要了解的知识     首先，我们需要了解onchange和onpropertychange的不同：     IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。 onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。 onpropertychange 是IE浏览器的专属方法     了解这一点
通过js脚本改变input元素的value值时无法触发change事件的解决方案
qb0097的博客
07-28 4906
最近用油猴写自动脚本时发现，在登录时直接把信息赋给对应input元素的value变量后，无法触发change事件导致登录失败。在网上查询了好几篇说这事的文章全都是在胡说八道，最后还是自己摸索出解决方案，在这分享给大家，以正视听。.........
js赋值文本框不触发监听事件解决方案
qq_35392981的博客
09-28 713
// 定义观察器Observer， var observer = new MutationObserver(function() { alert('监听成功') }); // 定义需要监控dom的哪些内容 observer.observe(document.getElementById('orgCode'), { attributes : true, attributeOldValue : false, attri...
js更改input文本框的value值，无法触发input的onChange，onInput事件，解决方案
韩旭的博客
10-29 7678
在文章的开头，我们需要了解一下 change: 当元素的值发生改变、文本框失去焦点（无法实时更新）会触发 change 事件。 input: 当文本框的值发生改变、存在焦点时（实时更新），会触发 input事件。 那么什么样的环境会触发我们的标题行为呢？ <input id='inp'/> <script> var inp = document.getElementById('inp') // 首先要了解的是 此时变更value值是无法触发change和input事件的 i
JS修改input值无法触发onchange事件解决方法
weixin_35654814的博客
09-05 9654
As we all know，input框的change事件是基于失焦事件onblur的，所以如果js操作input的值是没有失焦这个概念的，自然也无法触发onchange事件。 解决方案：用js在操作元素中新建一个 _value 的属性，把原来 js 对 value 的操作改为对 _value 属性的操作，这样访问 _value 时，会自动调用 get 函数获取 value 的值，设置 _va...
onchange无法监听到js赋值给input的变化的解决方法
IT_Ping的博客
11-04 1728
1.onchange事件监听input值变化的使用方法: <input id="test"></input> $("input").change(function(){ alert("aaa"); } 2. 网页开发时，如果通过js\jq直接给input赋值，无法触发change事件。 原因： onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。 解决方法： 在这种情况下，可以在改变隐藏域的值的同时，手动触发onchange事件。...
直接修改html文本页面没变化,DOM问题：点击按钮的时候，修改input元素的value属性值，为什么在HTML结构上没有变化？...
weixin_35081955的博客
06-03 519
代码：无标题文档span{background:lime;}window.onload=function(){//获取input、spanvar oTxt=document.getElementsByTagName('input')[0];var oBtn=document.getElementsByTagName('span')[0];//span在点击的时候，修改input的value值，//...
js与jquery实时监听输入框值的oninput与onpropertychange方法
10-24
主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下
解决Js先触发失去焦点事件再执行点击事件的问题
10-18
今天小编就为大家分享一篇解决Js先触发失去焦点事件再执行点击事件的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
MutationObserver 监听input标签中通过JS改变其value值
weixin_44741164的博客
03-11 233
使用JS的MutationObserver API监控dom元素
input 内容改变的触发事件
weixin_34259232的博客
02-22 2187
1. onchange onchange 事件会在域的内容改变时触发。支持的标签<input type="text">, <textarea>, <select>,<keygen>。 注意：在元素的值改变了且失去焦点时触发（两次的值一样不会触发）。 缺陷：通过js代码改变DOM的值不会触发，解决在js代码里改值了调用其change 的fu...
js更改文本框的值后不触发onChange事件问题
求生记
03-30 1380
如题，可以调用以下代码： [code="java"] //IE if(navigator.userAgent.indexOf("MSIE")>0){ document.getElementById('tx1').attachEvent("onpropertychange",txChange); //FF }else if(navigator.userAgent.indexOf(...
js动态改变input的值不触发input的change事件的解决办法
weixin_34414650的博客
02-09 1万+
2019独角兽企业重金招聘Python工程师标准>>> ...
input控件禁用读取到的值为null--解决
weixin_46010850的博客
04-14 298
错误示范 $(“#phone”).attr(“disabled”,“disabled”) 正确样例 $(“#phone”).attr(“readonly”,“readonly”)
jQuery/原生JS实时监听input输入框值变化
那一日面朝大海的博客
09-24 2765
首先看一下dom中input事件： onpropertychange： IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。 在用js脚本改动该元素值时候亦能触发onpropertychange事件。 oninput：是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发
springboot(酒店管理系统)
最新发布
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
通过jquery 改变input的值 无法监听
05-28
2. 使用 `.input()` 方法来监听 input 元素的输入事件，它可以实时监听 input 元素的输入，不需要等待 `.change()` 事件触发。示例代码如下： ```javascript $('input').on('input', function() { // 处理代码 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值