木子屋
 

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

作者: dnawo

日期: 2023-07-11 00:48 AM

分类: 其他

内容: 在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>

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.611 ms

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

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.611 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.611 ms