Сначала извините, потому что я уверен, что это было задано много раз, я просто не знаю, как это искать.Как работает обработка событий в javascript?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<button type="button" onclick="hello()">test1</button>
<button type="button" id="test2">test2</button>
<h1 id='myText'></h1>
<script type="text/javascript">
function hello() {
document.getElementById('myText').innerHTML = 'test1';
}
document.getElementById('test2').onclick = function(event) {
document.getElementById('myText').innerHTML = 'test2';
}
</script>
</form>
</body>
</html>
Это мой код. Перед этой версией весь скрипт-тег находился в области головы, и только test1
работал, test2
ничего не делал.
- Можете ли вы указать мне, где следует читать, почему это так?
- Кроме того, есть ли предпочтительный метод для двух, чтобы вызвать событие?