一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

Javascript拖拽&拖放系列文章3之細說事件對象第1/4頁

在閱讀本文前,可以先閱讀《Javascript拖拽&拖放系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight屬性》這篇文章,以理清上下文關系。
好了,讓我們開始進入正題。
模型相同的屬性/方法
1 Button屬性
Integer類型,可讀可寫。對于特定的鼠標事件,表示按下的鼠標按鈕,它可以在拖拽的時候,判斷是否是鼠標左鍵引發mousedown事件。它的所有取值及其意義(參考自《Javascript高級程序設計》)好了,讓我們開始進入正題。
3.1 e/window.Event對象的屬性/方法
3.1.1 IE事件模型和DOM事件如下:
0-未按下按鈕
1-按下左鍵
2-按下右鍵
3-同時按下左右按鈕
4-按下中鍵
5-按下左鍵和中鍵
6-按下右鍵和中鍵
7同時按下左中右鍵
mouseup的button屬性返回的數值和mousedown事件中的完全一樣。

注:在兼容DOM事件模型的所有瀏覽器中,0表示按下左鍵,數值1并不存在,2表示按下右鍵,對于非鼠標事件,返回“undefined”。

2 clientX、clientY屬性
這兩個屬性的類型都是Integer,單位是像素,可讀可寫。分別表示相關事件發生時,鼠標在瀏覽器的客戶端區域(不包括工具欄、滾動條等)的x坐標和y坐標。用一張圖片來解釋就再好不過了,請看:

圖3.1:clientX和clientY屬性

 

以下代碼是一個非常簡單的示例,它可以隨時定位鼠標的坐標,并將結果顯示在兩個文本框中,如果愿意的話,你可以嘗試運行它,兼容目前所有的現代瀏覽器。

示例代碼1:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

body
{
border
:1px solid black;
margin
:0px;
}
</style>
<script type="text/Javascript" language="JavaScript">
document.onmousemove
=move;
function move(e){
if(!e)
{
e
=window.event;
}
var xElement=document.getElementById("x");
var yElement=document.getElementById("y");
xElement.value
=e.clientX;
yElement.value
=e.clientY;

}
</script>
</head>
<body>
<input type="text" id="x" value="" />
<input type="text" id="y" value="" />
</body>
</html>






3 type屬性

JavaScript技術Javascript拖拽&amp;amp;拖放系列文章3之細說事件對象第1/4頁,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲欧美卡通另类 | 亚洲第一中文字幕 | 精品一区二区三区在线视频 | 国产成人久久精品推最新 | 欧美成人精品三级网站 | 精品精拍国产日韩26u | 成人精品一区二区三区 | 99热香蕉 | 精品亚洲一区二区三区在线播放 | www在线小视频免费 xfplay影音先锋永久资源 | 永久免费精品视频 | 一区二区三区高清在线观看 | 无码一区二区三区视频 | 激情网站在线 | 午夜色网站 | 国产精品永久免费自在线观看 | 七七国产福利在线二区 | 天天摸天天看天天爽 | 日韩 欧美 国产 亚洲 中文 | 婷婷六月在线 | 色偷偷影院 | 3p久久| 日本欧美一区二区三区不卡视频 | 91免费视频版 | yellow中文字幕久久网 | 国产精品久久久久久久y | 精品专区 | 亚洲视频91| 久久国产欧美日韩高清专区 | 亚洲视频一区二区三区四区 | 人与禽物videos另类 | 亚1洲二区三区四区免费 | 夜夜未满十八勿进的爽爽影院 | 国产自在线拍 | 午夜国产小视频 | 最新欧美精品一区二区三区 | 亚洲成a人v天堂网 | 日本一区免费在线 | 精品福利视频网 | 中文字幕在线有码高清视频 | 亚洲小视频在线播放 |