javascript基础——鼠标事件，系统对话框等

时间：2014-10-27 23:12:37 阅读：421 评论：0 收藏：0 [点我收藏+]

1、鼠标事件
(1)、onclick:用户点击鼠标左键，以及当焦点在一个按钮上时，用户按Enter键时，发生onclick事件
(2)、ondblclick:用户双击鼠标左键时，发生ondblclick事件
(3)、onmousedown：用户按下任意鼠标按钮的时候，发生onmousedown事件
(4)、onmouseout：当光标在一个元素上，并且用户将其移出元素边界时，发生onmouseout事件
(5)、onmouseover：当光标在一个元素之外，并且用户将移动到该元素上时，发生onmouseover事件
(6)、onmouseup：当用户释放任何鼠标按钮时，发生onmouseup事件
(7)、onmousemove:当光标在一个元素上时，重复发生onmousemove事件
2、系统对话框
(1)、警告框：alert();
例如：alert("wrong!");
默认只有一个确定按钮
(2)、确认框：confirm();
例如：confirm("Are you sure?");
默认有两个按钮，分别是"确认"和"取消"
(3)、提示框：prompt();
除"确认"和"取消"外，还有文本框
3、事件封装：有的时候需要重复使用段代码如document.getElementById()的时候，可以用事件封装来
实现调用以使编码简便快捷
如：function $(id){
return document.getElementById(id);
}
在下面的函数中使用到document.getElementById()的时候直接写成$("id名")即可
4、事件监听：

(1)、IE8及以上版本：document.addEventListener("事件名称(如click，前面不能加on)",函数名，bCapture(true表示处理程序在捕获阶段，false则表示在冒泡阶段));

如：document.addEventListener("click",function (){document.getElementById("id名").style.display="none";})

此处为鼠标点击的时候，相应id名的标签显示被设为none;
此处的click不能写为onclick
(2)、IE8及以下版本：document.attachEvent()
5、取得下拉列表的内容：
<selece id="s1">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
在script元素中写：var a = document.getElementById("s1").value;即可得到下拉列表中选择的内容。
6、取得复选框的内容：
<input type="checkbox" id="d1" value="音乐"/>
<input type="checkbox" id="d2" value="体育"/>
在script元素中写：var a = document.getElementById("d1").check;
if(a==true) var b = document.getElementById("d1").value;
b的内容即为复选框的内容

javascript基础——鼠标事件，系统对话框等

标签：javascript 脚本语言前端 html

原文地址：http://blog.csdn.net/whh4122/article/details/40515151

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行