.append（）を使用して要素を作成し、その後すぐにonclickハンドラを割り当てる

Question

直前に.append（）/。を使ってhtmlコードに挿入された要素にonclick-handlerを直接割り当てることはできますか？ ）、またはこの要素がまだ「準備ができていない」ことができますか？

Answer 1

要素（または要素の子要素）にイベントリスナーを割り当て、その後、DOMにその要素を挿入とは全くOKです。

質問はjqueryについてです。ここではjQueryの例である：私の要素内

var buttonWrapper = $('<div>mmmmmmmm<button class="btn">click</button></div>'); 
 
var button = buttonWrapper.find('button.btn'); 
 
button.on('click', clickListener); 
 
var container = $('#container'); 
 

 
function clickListener() { 
 
    alert('clicked!'); 
 
} 
 

 
container.append(buttonWrapper);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 
content 
 
</div>

Answer 2

onClickタグをhtml onClick属性として指定できます。これにより、準備が整いました。間違いなくあなたのウェブページが遅くなりドムの要素を使用して

something.append('<htmlelement something="" onClick="functionToTrigger(parameters)">ValueMaybe</htmlelement>');

。