onclick 单击鼠标左键
    onmousedown 鼠标按下
    onmouseup 鼠标松开
    onmousemove 鼠标移动
    onmouse 鼠标移入
    onmouseout 鼠标移出
    常用的事件

    事件名称 作用
    onclick 鼠标单击
    ondblclick 鼠标双击
    onmousedown 按下鼠标按键
    onmouseup 松开鼠标按键
    onmouseover 鼠标指针移动到标签上
    onmouseout 鼠标从标签上移开
    onmousemove 鼠标被移动
    onkeydown 按下键盘按键
    onkeyup 松开键盘按键
    onkeypress 敲击键盘按键
    onchange 用户改变域的内容
    onfocus 标签获得焦点
    onblur 标签失去焦点
    onsubmit 提交按扭被点击
    onreset 重置按扭被点击
    onresize 窗口尺寸被调整
    onload 页面加载完成
    onunload 用户退出页面

    在标签上添加鼠标事件
    <标签 事件名=”函数()”></事件>
    js代码添加鼠标事件
    标签对象.事件名=函数;
    JavaScript选择器
    1.id选择器
    document.getElementById(“id名”);
    返回标签对象
    2.class选择器
    document.getElementsByClassName(“class名”);
    返回数组
    3.name选择器
    document.getElementsByName(“name名”);
    返回数组
    4.标签选自器
    document.getElementsByTagName(“标签名”);
    返回数组
    5.body标签
    document.body
    返回body标签对象
    6.title标签
    document.title
    返回title标签对象
    7.文档对象
    document
    8.窗口对象
    window
    9.返回包含 class=”intro” 的所有

    元素的列表。
    更多 https://www.w3school.com.cn/js/js_jquery_selectors.asp

    1. <p class="intro">Hello World!</p>
    2. <p class="intro">Hello Shanghai!</p>
    3. <p id="demo"></p>
    4. <script>
    5. var myElements = document.querySelectorAll("p.intro");
    6. document.getElementById("demo").innerHTML = "类名为 intro 的第二段文本是：" +
    7.   myElements[0].innerHTML;
    8. </script>

    ·select对象
    .selectedIndex 属性可设置或返回下拉列表中被选选项的索引号（开始索引号为0）
    数组
    .option 集合可返回包含