事件

 <button id="gos">點(diǎn)擊</button>
<input type="text" placeholder="請(qǐng)輸入用戶名" id="btn">
<input type="text" placeholder="請(qǐng)輸入密碼" id="ptn">
<button>登錄</button>
<script>

1.雙擊事件

    var $gos = document.getElementById('gos')
    $gos.ondblclick = (event) => {
        alert('請(qǐng)輸入用戶')
    }

2.鍵盤事件

    var $btn = document.getElementById('btn')
    $btn.onkeydown = (event) => {
        console.log(event)
    }

3.按下事件

    var $ptn = document.getElementById('ptn')
    $ptn.onkeypress = (event) => {
        console.log(event)
        if (event.charCode === 13) {
            alert('正在登錄')
        }
    }

綁定事件和點(diǎn)擊元素

    var $yeye = document.getElementById('yeye')
    $yeye.onclick = (event) => {
        alert('我是你爺爺', event.currentTarget)
        alert('我是你爺爺', event.target)
    }

輸入框事件

     var $pin = document.getElementById('pin')
    $pin.oninput = (event) => {
        console.log(event)
    }