setTimeout保证浏览器可以实时接收到输入框内容

最新推荐文章于 2021-08-26 12:25:53 发布

原创最新推荐文章于 2021-08-26 12:25:53 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery实现在输入框中自动转换用户输入为大写字母的方法。通过设置事件监听器并在用户按键后延迟执行转换操作，确保了转换的准确性。

用户自定义的回调函数，是会在浏览器的默认动作之前触发。列如想要将输入框的内容大写，如果直接修改的话，是不能实时获取到内容的

<input type="text" class="down" placeholder="输入框"> 
    <script src="../jquery-1.11.1.min.js"></script>
    <script>

    // $('.down').on('keypress', function () {
    //     this.value = this.value.toUpperCase();
    // });
    $('.down').on('keypress', function () {
        var _this = this;
        setTimeout(function () {
            _this.value = _this.value.toUpperCase();
        }, 0);
    });