jQueryでは、まだ存在していないが、後で次のような方法で追加される要素にイベントハンドラーを追加できます。
$(window).on('click', '.record-todo .icon-remove', function() {
$(this).remove();
});
Dart の Html ライブラリでそのようなものは見つかりませんでした
クリック イベントを本文にバインドしてから、target
イベントの適切なクエリを実行する必要があります。これにより、ターゲットであった要素が生成されます。これが実際の例です。まず、html ファイル:
<!DOCTYPE html>
<html>
<body>
<p id='text'>This is a para</p>
<script type="application/dart" src='webscratch.dart'></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>
そして Dart ファイル:
import 'dart:html';
void main() {
document.body.onClick.listen((MouseEvent event){
window.console.log(event.currentTarget);
window.console.log(event.target);
var div = new DivElement();
div.text = 'New div element content';
document.body.children.add(div);
});
}
を最初にクリックする<p>
と、イベント ターゲットは ParagraphElement になり、targetEvent は BodyElement になります。をクリックすると<p>
、新しい div が生成されます。その div をクリックすると、それがイベント ターゲットになります。