javascript基金会——鼠标事件,系统对话框,等等。

1、鼠标事件
(1)、onclick:用户点击鼠标左键,并且当焦点处于button准时,按用户Enter关键,发生onclick事件
(2)、ondblclick:当用户双击鼠标左键。发生ondblclick
(3)、onmousedown:用户按下随意鼠标button的时候,发生onmousedown事件
(4)、onmouseout:当光标在一个元素上。而且用户将其移出元素边界时,发生onmouseout事件
(5)、onmouseover:当光标在一个元素之外,而且用户将移动到该元素上时,发生onmouseover事件
(6)、onmouseup:当用户释放不论什么鼠标button时,发生onmouseup事件
(7)、onmousemove:当光标在一个元素上时。反复发生onmousemove事件
2、系统对话框
(1)、警告框:alert();
比如:alert("wrong!");
默认仅仅有一个确定button
(2)、确认框:confirm();
比如:confirm("Are you sure?

");
默认有两个button,各自是"确认"和"取消"
(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内容为内容复选框

版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值