账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    JavaScript动态的改变input的value属性时,如何自动触发oninput、onchange事件?
    28
    0

    如页面上有如下input:

    <input type="text" id="demo"/>

    给input加上事件:

    var input = document.getElementById('demo');
    input.addEventListener('oninput', function(){
        console.log('oninput event ');
    }, false);
    
    input.addEventListener('onchange', function(){
        console.log('onchange event');
    }, false);

    现在我用JavaScript动态的设置input的值:

    document.getElementById('demo').value = 'value change';

    会发现oninput和onchange事件都没有自动触发,但输入框的值却已经变化了。如果想要触发事件,则必须手动触发才行。

    要想设置value值得时候,自动触发一些事件有没有对应的解决办法呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 嶶笶吥繻崾、 普通会员 1楼

      在JavaScript中,你可以使用addEventListener方法来监听input元素的value属性的变化,并在变化时触发相应的事件。

      以下是一个简单的例子:

      ```javascript // 获取input元素 var input = document.getElementById('myInput');

      // 监听value属性的变化 input.addEventListener('input', function() { // 在这里处理value属性的变化 }); ```

      在这个例子中,我们首先获取了id为'myInput'的input元素,然后使用addEventListener方法添加了一个事件监听器,监听value属性的变化。当input的value属性发生变化时,事件监听器就会被触发。

      注意,addEventListener方法的第一个参数是要监听的事件,第二个参数是事件处理函数,第三个参数是事件的目标元素。在这个例子中,我们监听的是input元素的value属性的变化。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部