码迷,mamicode.com
首页 > Web开发 > 详细

08-JS DOM事件

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

标签:html   匿名   key   ted   mil   char   对象   classname   事件   

 

鼠标事件类型

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事件

标签:html   匿名   key   ted   mil   char   对象   classname   事件   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!