2017-01-19 6 views
0

私は<というテキストエリアのブラーイベントで関数を呼び出しています。条件付きで値を代入すると、イベントが自動的にトリガーされます

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'); 
    }); 
}); 

問題:>は、すぐにトリガする< TextAreaの

blurイベント私はそのページにアクセスします。そのテキストエリアからフォーカスを失ったとき(標準的なぼかしイベントのように)、それはトリガする必要があります。

私は、その< textarea>に値conditionallyを割り当てるときに問題が発生することを発見しました。


答えて

1

このお試しください:それはクラスでblurイベントをバインドします、これを試してみてください

​​

Working Fiddle

+0

どうもありがとう 'form_control' が含まれています。はい、そのトリックでした。しかし、JSコードの何が間違っているのか説明してください。なぜドキュメント上のon()が期待どおりに機能しないのですか? –

+0

**説明:** on()は、イベントをリスナーに動的にバインドするために使用されます。ここでは、まずon()を使う必要はありません。 on()が使用されている場合は2番目に、ドキュメントを使用して使用されることはありません。これは、ドキュメント上で発生したすべてのイベントをリッスンするためです。あなたのケースでは、ドキュメント上で行われたすべてのblur()を聴いています。 コーディングをお楽しみください:) –

+0

意味があります。説明ありがとう。 –

0

$(document).ready(function() { 
    $('.form-control').bind('blur', function() { 
    alert('Blur event triggered'); 
}); 
}); 
関連する問題