08-JS DOM事件

Posted 2021-03-14 戒奢从简，起早贪黑，努力提升

 

鼠标事件类型

click：当用户点击某个对象时调用的事件句柄。
dbclick：当用户双击某个对象时调用的事件句柄。
 
mousedown：鼠标按钮被按下。
mouseup：鼠标按键被松开

mouseover：鼠标移到某元素之上    //进入它的子元素也会触发
mouseout：鼠标从某元素移开      //进入它的子元素也会触发

mouseenter：鼠标移到某元素之上     //不包括它的子元素
mouseleave：鼠标从某元素移开      //不包括它的子元素

mousemove：鼠标在某元素移动。

 

html事件

//在html绑定，在类型前加"on"HTML部分：<button  onclick=”qq(this)”> 开始 </button>    //this可以把自身发送到qq函数去

javascript部分： function  qq (abc){  }    //接收到的abc就是整个button本身

注：函数用this指向button本身，这样函数体就不用用id等方式获取dom元素了，有发送就得接收，函数function qq (abc)，可以用abc等接收


script要放在head里面时，用
window.onload=function(){}    //页面加载完之后再加载该脚本



获取select下拉框的值，两种方法

　//var a = this.value;

　//var a = menu.options[menu.selectedIndex].value;   //menu为select菜单的id值

 

DOM0级事件

（在js绑定）

如：<button  id=”qml” class=”kk”>开始</button>

var qml = document.getElementById(“qml”);

qml.onclick = function(){         //给qml的button绑定一个点击事件，点击触发匿名函数

this.className = “jj”;       //用this指向，把原来kk的类名换成jj

} 

 

键盘事件类型

keypress：某个键盘按键被按下并松开。//keypress 搭配 event.charCode 比较稳定。charCode返回ascll码

keydown：某个键盘按键被按下。

keyup：某个键盘按键被松开。

//如：document.onkeyup = function() {}   //键盘按键松开时触发函数