有条件赋值时会自动触发模糊事件答案

【问题标题】：Blur event triggers automatically when assigning value conditionally有条件赋值时会自动触发模糊事件
【发布时间】：2017-01-19 09:48:03
【问题描述】：

我正在对的模糊事件调用函数。

HTML：（Laravel 刀片模板）

<textarea class="form-control" required>{{ isset($assessment_params[$parameter->id]) ? $assessment_params[$parameter->id] : NULL }}</textarea>

Javascript：

$( document ).ready(function() {
    $(document).on('blur', 'textarea', function() {
        alert('Blur event triggered');
    });
});

问题：

当我访问该页面时，该的模糊事件就会触发。它应该只在我从该文本区域失去焦点时触发（如标准模糊事件）。

我发现当我为那个有条件地赋值时会出现这个问题。

【问题讨论】：

【解决方案1】：

试试这个：

$( document ).ready(function() {
    $('textarea').on('blur', function(){
        alert('Blur event triggered');
    });
});

【讨论】：

非常感谢。是的，这成功了。但是你能解释一下JS代码有什么问题吗？为什么文档上的 on() 没有按预期工作？
说明： on() 用于将事件动态绑定到监听器。这里不需要先使用 on() 。其次，如果使用 on() 则永远不要使用 document 使用它，因为它将侦听在 document 上触发的每个事件。在您的情况下，它正在收听在文档上完成的每个 blur()。享受编码:)
有道理。谢谢你的解释。

【解决方案2】：

试试这个，它会将模糊事件与包含'form_control'的类绑定

$( document ).ready(function() {
  $('.form-control').bind('blur', function() {
    alert('Blur event triggered');
 });
});

【讨论】：