40
35

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

動的に追加したDOM要素にイベントハンドラを設定する

Posted at

javascriptなどでready後に動的に追加したDOM要素に,イベントハンドラを設定するためには,onメソッドを使う必要がある.
参考にしたサイト

http://www.jquerystudy.info/tutorial/intro/event2.html
http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/jquery/live.php
http://runble1.com/jquery-on-click/

##使い方
$(セレクタ).on(イベント名,要素,イベント{
});

セレクタには追加した要素の親要素を設定する必要がある
イベント名は'click'など

##サンプル
$('.task').on('click','div',function(){
// do something
);

##注意
似たようなメソッドにlive関数があるが,少なくともjquery5.0では廃止されている

40
35
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
40
35

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?