私がやろうとしているのは、ボタン自体よりも幅の広い画像ボタンをdivに配置することです。外側のdivがクリックされたときに、画像ボタンのonclick()関数を呼び出します。以下のhtmlコードから期待するのは、ボタン自体をクリックすると、「ボタンがクリックされた」だけを警告するはずです。外側のdivをクリックすると、最初に「divがクリックされました」、次に「ボタンがクリックされました」という警告が表示されます。問題は、divをクリックすると、「divがクリックされた」、「ボタンがクリックされた」、「divがクリックされた」の順に警告されることです。ボタンをクリックすると、「ボタンがクリックされました」、「divがクリックされました」、「ボタンがクリックされました」、「divがクリックされました」というアラートが表示されます。
私はここで私が欠けているものを見つけることができませんでした、何か助けはありますか?
<html>
<body>
<div style="width: 200px; border: 1px solid red;" onclick="alert('div clicked');(document.getElementById('addButton')).click();">
<input type="button" onclick="alert('button clicked');"
id="addButton"/>
</div>
</body>
</html>