javascript - 如何使用 Jquery 在用户清除文本字段并将焦点移出文本字段时触发事件?

标签 javascript jquery

当用户清除文本字段并从同一字段移出焦点时,我需要编写一个事件处理程序。

我正在使用以下函数来捕获“焦点移出”事件。

$("input[type=text]").blur(function () {
}

我有以下功能来捕获明场事件。

$("input[type=text]").keyup(function() {
            if (!this.value) {
     }
}

我尝试在blur()中使用keyup()函数,因为我需要捕获焦点然后清除视野。这就是我的代码的样子:

$("input[type=text]").blur(function () {
$(this).keyup(function() {
            if (!this.value) {
            }
      }
}

但是这不起作用。即使在焦点离开视野之前也会触发清晰视野事件。此外,它多次触发该事件。这里有什么问题吗?

最佳答案

我认为这更简单:

$('input').on('blur', function(e) {
    if(!$(this).val()) {
         // IS NO VALUE IN THE INPUT
         $(this).trigger('blur'); // trigger the blur event
    }
});

关于javascript - 如何使用 Jquery 在用户清除文本字段并将焦点移出文本字段时触发事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31243135/

相关文章:

javascript - 使用选择器作为变量循环 .append()

javascript - 如何在连接的 React-Redux 组件中测试 componentWillMount?

javascript - jQuery:选择相邻的标签,除非用文本分隔

javascript - d3 - 画笔范围所需的帮助()

javascript - React onChange 文本输入将光标移动到输入字段中的文本末尾

javascript - 如何在数据绑定(bind)之前和之后触发自定义动画并等待其完成

javascript - 我如何将 csrf_token 包含到 dropzone Post 请求(Django)

javascript - 调整大小时,使用 laravel 中的 asset 函数加载图像

jquery - 如何在不刷新页面的情况下自动将新插入的mysql数据显示到laravel View 中?

jquery - 避免通过 jquery mobile 添加 min-height