addEventListner

addEventListnerをやってみた。
※テキスト・モードからビュジュアル・モードに戻るとimgタグとかでごみが入る・・・。
そこを削除してしまえば、まともに表示されるが。使い方おかしいか。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset ="UTF-8">
<title>Use</title>
    <script>
    (window.onload = function() {
        var btn = document.getElementById('bt');
        var txt = document.getElementById('tx');

        btn.addEventListener('mouseenter', function() {
            txt.innerHTML = "ホーバされました！";
        },false);
        
        btn.addEventListener('mouseleave', function() {
            txt.innerHTML = "リリースされました！";
        },false);

        btn.addEventListener('click', function() {
            txt.innerHTML = "クリックされました！";
        },false);
    });
    </script>
</head>
<body>
<button id="bt">表示</button>
<p id="tx"></p>
<h2>addEventListner</h2>
</body>
</html>

No tags for this post.