JavaScript常用事件

最新推荐文章于 2022-07-29 00:00:00 发布

weixin_30275415

最新推荐文章于 2022-07-29 00:00:00 发布

阅读量194

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/langzianan/p/9371323.html

版权

1. 什么是事件
通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。

2.常用事件

1.onclick 单击
2.ondblclick 双击
3.onfocus 元素获得焦点
4.onblur 元素失去焦点
5.onmouseover 鼠标移到某元素之上
6.onmouseout 鼠标从某元素移开
7.onmousedown 鼠标按钮被按下
8.onmouseup 鼠标按键被松开
9.onkeydown 某个键盘按键被按下
10.onkeyup 某个键盘按键被松开
11.onkeypress 某个键盘按键被按下并松开

3.示例：

　　<input type="text" name="sdsad" value="焦点事件" οnfοcus="fouces(this)" οnblur="b(this)">
　　<script type="text/javascript">
　　var inp = document.getElementsByTagName("input")[0];
　　var box = document.getElementsByClassName("box")[0];
　　function good(){ // 鼠标移入
　　box.innerHTML = "good";
　　}
　　function out(){ // 鼠标移出
　　box.innerHTML = "you have moved out";
　　}
　　function down(obj){ //鼠标按下
　　obj.style.backgroundColor="green";
　　obj.innerHTML = "green";
　　}
　　function up(obj){ // 鼠标抬起
　　obj.style.backgroundColor="#999";
　　obj.innerHTML = "glup";
　　}
　　function fouces(obj){ // 有焦点
　　obj.value = "input cannot be empey";
　　}
　　function b(obj){ // 失去焦点
　　inp.value = "";
　　}
</script>
</body>

转载于:https://www.cnblogs.com/langzianan/p/9371323.html

weixin_30275415

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript常用事件

1. 什么是事件通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。对事件进行处理程序或函数，我们称之为事件处理程序。2.常用事件1.onclick 单击2.ondblclick 双击3.onfocus 元素获得焦点4.onblur 元素失去焦点5.onmouseover 鼠标移到某元素之上6.onmouseout 鼠标...
复制链接

扫一扫