知方号

知方号

JavaScript学习(十八)

JavaScript学习(十八)

目录

鼠标的单击事件

鼠标的松开或按下事件

鼠标的移入/移出事件

 鼠标移动事件

鼠标单击事件和鼠标双击事件

鼠标拖拽事件

鼠标和键盘事件是在页面操作中使用最频繁的操作,可以利用鼠标事件在页面中实现鼠标移动、单击时的特殊效果,也可以利用键盘来制作页面的快捷键等。

鼠标的单击事件

单击事件(onclick)是在鼠标单击时被触发的事件。单击是指鼠标停留在对象上,按下鼠标键,在没有移动鼠标的同时释放鼠标键的这一完整过程。 单击事件一般应用于 Button 对象、Checkbox 对象、Image 对象、Link 对象、Radio 对象、Reset对象和Submit对象,Button 对象一般只会用到 onclick事件处理程序,因为该对象不能从用户那里得到任何信息,如果没有onclick事件处理程序,按钮对象将不会有任何作用。

注意:在使用对象的单去事作时,如果在对象上按下鼠标健,然后移动鼠标到对象外再松开鼠标,单击事件无效。单击事件必须在对象上按下松开后,才会执行单击事件的处理程序。例子: 通过按钮变换背景颜色。

本实例通过单击“变换背景”按钮,动态地改变页面的背景颜色,当用户再次单击按钮时,页面背景将以不同的颜色进行显示。

代码如下:

var arraycolor=new Array("olive","teal","red","blue","maroon","navy");var n=0;function turncolors(){if(n==(arraycolor.length-1)) n=0;n++;document.bgColor=arraycolor[n];}

演示效果:

 

鼠标的松开或按下事件

鼠标的按下或松开事件分别是onmousedown和onmouseup事件。其中,onmousedown事件用于在鼠标按下时触发事件处理程序,onmouseup 事件是在鼠标松开时触发事件处理程序。在用鼠标单击对象时,可以用这两个事件实现其动态效果。例子:用事件制作超

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。