天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

javascript 可以拖動的DIV(二)

function beginDrag(elementToDrag,event)
{
var =event.clientX-parseInt(elementToDrag.style.left);
var deltaY=event.clientY-parseInt(elementToDrag.style.top);
//這兒的deltaX/Y實際上就是得出鼠標和div的坐標差。
if(document.addEventListener)
//之所以在這兒加這樣一個判斷,是因為IE6和firefox對于Javascript的事件處理有不同的方法(IE7之后的版本開始符合W3C的標準)。
//document.addEventlistener如果是true的話,那就是firefox等支持W3C DOM標準的瀏覽器,IE6中注冊事件用attachEvent,而firefox等瀏覽器則是用addEventListener,語法如下所示。addEventListener函數(shù)的true參數(shù)表示可以捕捉事件。
{
document.addEventListener("mousemove",moveHandler,true);
document.addEventListener("mouseup",upHandler,true);
//document.addEventListener("mouseout",upHandler,true);
}
else if(document.attachEvent)
{
document.attachEvent("onmousemove",moveHandler);
document.attachEvent("onmouseup",upHandler);
//document.attachEvent("onmouseout",upHandler);
}
if(event.stopPropagation) event.stopPropagation();
else event.cancelBubble=true;
//這兒的判斷依然是考慮了不同的瀏覽器,stopPropagation是W3C DOM標準中使用的一個方法,用來取消事件的傳播。我們使用了document.addEventListener這個方法,瀏覽器會從document對象沿著DOM節(jié)點向下傳播到目標節(jié)點,注冊的事件處理程序就會運行,然后事件會回傳到父節(jié)點,如果父節(jié)點也有相應(yīng)的事件處理程序,那么事件也會處理,為了避免這種情況,我們可以用stopPropagation來阻止事件的傳播,這個方法的作用就是讓其他元素對這個事件不可見。在IE6下,并沒有元素捕捉事件的過程,不過有這個術(shù)語叫做起泡的過程,IE6中所用的方法就是cancelBubble,用來取消起泡,表示這個事件已被處理,其他元素不用再看見了。
if(event.preventDefault) event.preventDefault();
else event.returnValue=false;
//這兒的preventDefault用來通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認動作,returnValue用來取消發(fā)生事件的源元素的默認動作,大家應(yīng)該能看出這是在不同瀏覽器下發(fā)揮相同的作用。
//以下就是拖動div中所用的關(guān)鍵函數(shù)了。
function moveHandler(e)
{
   if (!e) e=window.event; //如果是IE的事件對象,那么就用window.event
   //全局屬性,否則就用DOM二級標準的Event對象。
//在IE中,event是window的一個屬性,也就是一個全局變量,但是在W3C DOM中,event是發(fā)生事件的文檔對象的屬性。在這個程序中,event是什么并不重要,關(guān)鍵是我們要取得鼠標的坐標值,在IE中,e這個參數(shù)傳進來的時候,IE認不出來,所以我們就給e賦值為window.event。
elementToDrag.style.left=(e.clientX-deltaX)+"px";
elementToDrag.style.top=(e.clientY-deltaY)+"px";
//這兒就是改變現(xiàn)在正在作用的div的left和top屬性。
if(e.stopPropagation) e.stopPropagation();
else e.cancelBubble=true;
}
function upHandler(e)
{
if(document.removeEventListener)
{
document.removeEventListener("mouseup",upHandler,true);
document.removeEventListener("mousemove",moveHandler,true);
}
else
{
document.detachEvent("onmouseup",upHandler);
document.detachEvent("onmousemove",moveHandler);
}
//這個函數(shù)是用來移除偵聽器,比較簡單,就不詳細說了。
if (!e) e=window.event;
if(e.stopPropagation) e.stopPropagation();
else e.cancelBubble=true;
}
}
腳本之家 編輯注:如果不能正常運行 注意字符的替換,因為好多網(wǎng)站為了安裝都將字符轉(zhuǎn)換成了中文下的標點符號。本站也盡量的替換。

JavaScript技術(shù)javascript 可以拖動的DIV(二),轉(zhuǎn)載需保留來源!

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

主站蜘蛛池模板: 男人边吃奶边摸边做刺激情话 | 男人国产AV天堂WWW麻豆 | 无码任你躁久久久久久老妇双奶 | 免费国产黄线在线播放 | 亚洲一区自拍高清亚洲精品 | 午夜特级毛片 | 两个女人互添下身高潮自视频 | 国产在线精品视亚洲不卡 | 午夜伦午夜伦锂电影 | 亚洲精品国产精品麻豆99 | 亚洲国产精品一区二区动图 | 日韩高清在线亚洲专区 | 粉色视频午夜网站入口 | 古代又黄又肉到湿的爽文 | 久久re视频这里精品免费1 | 9277在线观看资源 | 国产精品99久久久久久动态图 | 亚洲精品无码不卡在线播HE | 一二三四韩国免费观看 | 久久视频精品3线视频在线观看 | 色呦呦导航| 伊人久久综合谁合综合久久 | 99久久香蕉国产线看观看 | 小寡妇水真多好紧 | 国产午夜精品理论片影院 | 国产精品丰满人妻AV麻豆 | 成人免费肉动漫无遮网站 | 麻豆一二三四区乱码 | 干了快生了的孕妇 | 亚洲国产欧美另类 | 出差无套内射小秘书 | 久久嫩草影院网站 | 末班车动漫无删减免费 | 久久视频这有精品63在线国产 | 久色乳综合思思在线视频 | 久久网站视频 | 中文字幕专区高清在线观看 | 一级做a爰片久久毛片潮喷动漫 | 果冻传媒 在线播放观看 | 麻豆国产人妻精品无码AV | 久久re这里精品在线视频7 |