其他 订阅所有【其他】的日志

jQuery调用val方法对input赋值不能触发propertychange事件解决方法

编辑:dnawo 日期:2023-07-11

字体大小: 小 中 大
在input添加了propertychange事件，运行是正常的：

复制内容到剪贴板程序代码 程序代码
<input name="txt1" />
<script type="text/javascript">
    $(document).ready(function() {
        $('input').bind('input propertychange', function() {
            console.log($(this).val());
        });
    });
</script>



后面发现调用jQuery的val方法对input赋值，propertychange事件不能正常触发了：

复制内容到剪贴板程序代码 程序代码
<input name="txt1" />
<button>随便点</button>
<script type="text/javascript">
    $(document).ready(function(){
        $('input').bind('input propertychange', function() {
            console.log($(this).val());
        });
        
        $('button').bind('click', function() {
            $("input").val(new Date().getTime());
        });
    });
</script>



最终通过手动调用一下change方法解决：

复制内容到剪贴板程序代码 程序代码
<input name="txt1" />
<button>随便点</button>
<script type="text/javascript">
    $(document).ready(function(){
        $('input').bind('input propertychange change', function() {
            console.log($(this).val());
        });
        
        $('button').bind('click', function() {
            $("input").val(new Date().getTime());
            $("input").change();
        });
    });
</script>



上一篇: jQuery鼠标双击时误触发click事件解决方法
下一篇: 闲鱼、千牛、菜鸟裹裹商家寄件发货方式区别与比较
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 996
发表评论
请登录后再发表评论！