JS大大大大!大事件!

2019-10-20  本文已影响0人  XiaoAM

JS事件类型:1.鼠标事件;2.键盘事件;3.HTML事件
事件处理函数两部分组成:on+事件名称。

一、鼠标事件
click:单击
dblclick:双击
mousedown:鼠标按下
mouseup:鼠标抬起
mouseover:鼠标移入(冒泡)
mouseenter:鼠标移入(不参与冒泡)
mouseout:鼠标移出(冒泡)
mouseleave:鼠标移出(不参与冒泡)
mousemove:鼠标移动

    function myClick() {
        console.log("单击");
    }
    function myDBClick() {
        console.log("双击");
    }
    function myMouseDown() {
        console.log("鼠标按下");
    }
    function myMouseUp() {
        console.log("鼠标抬起");
    }
    function myMouseOver() {
        console.log("鼠标移入");
    }
    function myMouseEnter() {
        console.log("鼠标移入不冒泡")
    }
    function myMouseOut() {
        console.log("鼠标移出")
    }
    function myMouseLeave() {
        console.log("鼠标移出不冒泡")
    }
    function myMouseMove() {
        console.log("鼠标移动!")
    }

二、键盘事件
keydown:按键按下
keyup:按键抬起
keypress:按键按下抬起

三、HTML事件
load:文档加载完成
select:被选中的时候
change:内容被改变
focus:得到光标
resize:窗口尺寸变化
scroll:滚动条移动

window.onload = function () {
        //写入js(避免因页面未加载完引起的js报错不执行)
    };
上一篇 下一篇

猜你喜欢

热点阅读