首页 > Web开发 > 详细

08-JS DOM事件

时间:2020-01-22 17:54:17      阅读:89      评论:0      收藏:0      [点我收藏+]

 

鼠标事件类型

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() {}   //键盘按键松开时触发函数

08-JS DOM事件

原文:https://www.cnblogs.com/mingliangge/p/12207683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!