js——事件

事件？

• 用户在网页中的行为
• 处理用户在网页中的行为
• 当用户出发某种行为之后，让他执行指定的函数

事件由三部分组成

1.事件源----触发行为的标签（使用标签的id名作为变量就可以代表这个标签）
2.事件类型—用户在网页中行为的类型：左键单击，右键单击，滚动滚轮，敲击键盘，拖拽…
3.事件处理程序—行为被触发后，要执行的函数

处理事件的语法：事件源.on事件类型=函数

代码：

        alert('点击了按钮');
    } ```

注：将一个函数名称作为事件处理程序的时候， 千万不要加小括号， 因为这里需要的是一个函数代码值， 而不是调用的结果
例如：点击按钮时：btn.onclick = fn

事件的类型：

 //单击---click
    btn.onclick = function(){
        console.log('单击事件')
    }

// 双击---dbclick
    btn.ondbclick = function(){
        console.log('双击事件')
    }

   //鼠标移动--- mousemover---只要鼠标划在作用区域内就会一直执行
    box.onmousemove = function(){
        console.log("在div上移动了鼠标");
    }

  //鼠标移入---mouseover
    box.onmouseover = function(){
        console.log('鼠标移入了')
    }

   //鼠标移出---mouseout
    box.onmouseout = function(){
        console.log('鼠标移出了')
    }

   //键盘按下 --- keydown --- 只要键盘按下了，不松开就一直触发这个行为
    btn.onkeydown = function(){
        console.log("键盘按下事件");
    }

    //键盘抬起--- keyup --- 只有在抬起的时候执行一次
    btn.onkeyup = function(){
        console.log('键盘抬起事件')
    }

    //网页加载事件
    window.onload = function(){
           //当网页中所有资源都加载完了才会执行这个事件中的代码
           console.log('我是所有资源都加载完了才执行的')