08-JS DOM事件

 

鼠标事件类型

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

猜你喜欢

转载自www.cnblogs.com/mingliangge/p/12207683.html