[b]10.JavaScript中使用鼠标事件[/b]
鼠标事件中的几个函数(他们都属于document对象)
1.onMouseOver:鼠标指针移动到链接上时被调用
2.onMouseOut:鼠标移出对象边缘时被调用
3.onMouseMove:只要鼠标移动,就会触发(浏览器在,默认情况下不支持,需要使用事件捕捉技术)
4.onClick:鼠标按键何时被单击,如果onClick事件处理程序返回false,则链接不会被打开(如果对象是一个链接)
5.onDblClick: 鼠标按键何时被双击
6.onMouseDown:按鼠标按键时
7.onMouseUp:松开鼠标按键时
注意:单击鼠标左键,会发生3个事件,onMouseDown,onMouseUp,onClick。
观察鼠标点击超链接时,触发的对象:
[b] 11.JavaScript中使用键盘事件[/b]
可以通过event知道用户按下的是哪个键,它会在事件发生时被传递到事件处理函数,其中Firefox中存在event.which中,而IE存在event.keyCode中
如果想处理实际的字符而非键码,可以使用函数转换
如:Key = String.fromCharCode(event.which);
因为两种浏览器支持的不同,所以要写成通用的,可以这样写:
初次看到innerHTML就是在这里,以前做网站的时候,也用过,但是不知道这是什 么意思,现在自己学习,终于又碰上了,innerHTML代表某dom对象中HTML元素从 开始标签 直到 结束标签中的HTML文档。程序中的keys就是dom文档的id,在JSP中, 有类似这样一段代码:
鼠标事件中的几个函数(他们都属于document对象)
1.onMouseOver:鼠标指针移动到链接上时被调用
2.onMouseOut:鼠标移出对象边缘时被调用
3.onMouseMove:只要鼠标移动,就会触发(浏览器在,默认情况下不支持,需要使用事件捕捉技术)
4.onClick:鼠标按键何时被单击,如果onClick事件处理程序返回false,则链接不会被打开(如果对象是一个链接)
<a href="http://www.aaa.com" onclick="return(window.confirm('Are you sure?'));">Click here</a>
5.onDblClick: 鼠标按键何时被双击
6.onMouseDown:按鼠标按键时
7.onMouseUp:松开鼠标按键时
注意:单击鼠标左键,会发生3个事件,onMouseDown,onMouseUp,onClick。
观察鼠标点击超链接时,触发的对象:
<html>
<head><title>Simple jsp page</title></head>
<body>
<h2><a href="#" id="testlink">Test Link</a></h2>
<form name="form1">
<textarea rows="10" cols="70" name="info"></textarea>
</form>
<script type="text/javascript" language="JavaScript" src="click.js"></script>
</body>
</html>
function mousestatus(e){
if(!e) e=window.event;
btn = e.button;
whichone = (btn<2)?"left":"right";
message=e.type+":"+whichone+"\n";
document.form1.info.value+=message;
}
obj = document.getElementById("testlink");
obj.onmousedown = mousestatus;
obj.onmouseup = mousestatus;
obj.onclick = mousestatus;
obj.ondblclick = mousestatus;
[b] 11.JavaScript中使用键盘事件[/b]
可以通过event知道用户按下的是哪个键,它会在事件发生时被传递到事件处理函数,其中Firefox中存在event.which中,而IE存在event.keyCode中
如果想处理实际的字符而非键码,可以使用函数转换
如:Key = String.fromCharCode(event.which);
因为两种浏览器支持的不同,所以要写成通用的,可以这样写:
function DisplayKey(e){
if(e.keyCode) keycode =e. keyCode;
else keycode = e.which;
chacater = String.fromCharCode(keycode);
k = document.getElementById(“keys”);
k.innerHTML += chacater;
}
初次看到innerHTML就是在这里,以前做网站的时候,也用过,但是不知道这是什 么意思,现在自己学习,终于又碰上了,innerHTML代表某dom对象中HTML元素从 开始标签 直到 结束标签中的HTML文档。程序中的keys就是dom文档的id,在JSP中, 有类似这样一段代码:
<p id = “keys”></p>
innerHTML就代表p元素所要显示的HTML文档的内容