javascript 学习记录

select下拉选项框事件

<select name="" id="input">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
</body>
<script>
    document.getElementById("input").addEventListener("focus",function () {
        console.log("focus");
    });
 
    document.getElementById("input").addEventListener("mousedown",function () {
        console.log("mousedown");
    });
 
    document.getElementById("input").addEventListener("mouseup",function () {
        console.log("mouseup");
    });
 
    document.getElementById("input").addEventListener("input",function () {
        console.log("input");
		var x=document.getElementById("input")
  		alert("input"+x.options[x.selectedIndex].value);
    });
 
    document.getElementById("input").addEventListener("change",function () {
        console.log("change");
		alert($('#input').val())
    });
 
    document.getElementById("input").addEventListener("blur",function () {
        console.log("blur");
    });
 
    document.getElementById("input").addEventListener("click",function () {
        console.log("click");
    });
 
    document.getElementById("input").addEventListener("keydown",function () {
        console.log("keydown");
    });
 
    document.getElementById("input").addEventListener("keyup",function () {
        console.log("keyup");
    });
 
    document.getElementById("input").addEventListener("select",function () {
        console.log("select");
    });