event事件对象

qiu977 2013-07-27

展开全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>event</title>
<script type="text/javascript">
window.onload=function(){
var input=document.getElementsByTagName('input')[0]
function getButton(evt) {
var e = evt || window.event;
if (evt) {
return e.button;
} else if (window.event) {
switch(e.button) {
case 1 :
return 0;
case 4 :
return 1;
case 2 :
return 2;
}
}
}
document.onmouseup = function (evt) {
if (getButton(evt) == 0) {
alert('按下了左键！');
} else if (getButton(evt) == 1) {
alert('按下了中键！');
} else if (getButton(evt) == 2) {
alert('按下了右键！' );
}
};

//----------------------------------------------------------------
document.onclick = function (evt) {
var e = evt || window.event;
alert(e.clientX + ',' + e.clientY);//显示点击浏览器窗口的横纵坐标
alert(e.screenX + ',' + e.screenY);//显示点击点在整个屏幕的横纵坐标
};

//--------------------------------------------------------------

//检测一下按下了那个组合键

function getKey(evt) {
var e = evt || window.event;
var keys = [];
if (e.shiftKey) keys.push('shift');
if (e.ctrlKey) keys.push('ctrl');
if (e.altKey) keys.push('alt');
return keys;}

document.onclick = function (evt) {
alert(getKey(evt));
};

}
</script>
</head>

本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。

转藏分享

QQ空间 QQ好友新浪微博微信

献花（0） +1

来自： qiu977 > 《javascript》

举报/认领

0条评论

发表

请遵守用户评论公约

类似文章 更多