私は JavaScript と jquery を使用するための基本的な感覚を持っており、イベントが発生したときに何が起こっているのかを正確に理解したいと考えています。
このコードは、「submitButton」という 4 つのアラートを生成します。何故ですか?
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("*").click(function(event) {
alert(event.target.id);
});
});
</script>
<body>
<div id='submitDiv'>
<input id='submitButton' type="submit" class="button" value="Submit"/>
</div>
</body>
</html>