javascirpt div 移動應用2
document.all[]是文件中所有標籤組成的一個陣列變數,包括了文件物件中所有元素;
event.button的值:0沒按鍵 1按左鍵 2按右鍵 3按左和右鍵 4按中間鍵 5按左和中間鍵 6按右和中間鍵 7按所有的鍵
下面對此程式碼進行改進,模仿window,並且讓它可以蓋住select
ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
var offset_x;
var offset_y;
function Milan_StartMove(oEvent,div_id)
{
var whichButton;
if(document.all&&oEvent.button==1) whichButton=true;
else { if(oEvent.button==0)whichButton=true;}
if(whichButton)
{
var Div=div_id;
offset_x=parseInt(oEvent.clientX-oDiv.offsetLeft);
offset_y=parseInt(oEvent.clientY-oDiv.offsetTop);
document.documentElement.onmousemove=function(mEvent)
{
var eEvent;
if(document.all) eEvent=event;
else{eEvent=mEvent;}
var Div=div_id;
var x=eEvent.clientX-offset_x;
var y=eEvent.clientY-offset_y;
oDiv.style.left=(x)+"px";
oDiv.style.top=(y)+"px";
var d_oDiv=document.getElementById("disable_"+oDiv.id);
d_oDiv.style.left=(x)+"px";
d_oDiv.style.top=(y)+"px";
}
}
}
function Milan_StopMove(oEvent){document.documentElement.onmousemove=null; }
function div_Close(o)
{var Div=o; oDiv.style.display="none";var d_oDiv=document.getElementById("disable_"+o.id);d_oDiv.style.display="none";}
style="cursor:move;width:100%;height:15px;background-color:#0066cc; font-size:10px;">
X
測試一下
不用擔心select了用了parentElement,現在我把它換成parentNode,調整了CSS樣式,這樣在FF下也能正常執行了。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/17140602/viewspace-557853/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- javascirpt div 移動應用Java
- CSS 實現 : 滑鼠移動上去顯示 div,移開隱藏 divCSS
- 移動應用app設計開發工具:Creo 2 for macAPPMac
- JS實現拖動div層移動JS
- div 簡單應用
- 泰國加快移動支付應用
- 移動應用效能優化優化
- Dart 2 Web 應用遷移指南DartWeb
- 新移動框架中企業自建應用的來源是【移動輕應用管理】框架
- 【移動資料】imp的應用
- 【移動資料】exp的應用
- 移動平均數的應用方法
- 移動端div跟隨滾動條滾動(自制
- Facebook註冊移動應用以投放應用廣告
- 移動裝置的應用開發平臺――J2ME(原)
- Liftoff:移動應用趨勢報告
- 移動應用程式開發簡介!
- 移動CRM都有哪些應用場景?
- 移動應用中的流設計
- 中國移動應用設計趨勢
- 移動應用登錄檔單必死!
- HTML5 殺不死移動應用HTML
- 移動應用必定不會長久
- 移動應用 Bug 快速反饋神器
- 用JAVASCIRPT寫的一個動態顯示日期的函式! (轉)Java函式
- 移動端div塊拖動效果程式碼例項
- TNW:移動應用應具備的 13 個特性TNW
- 求助:求移動應用自動釋出到應用市場的方法或思路
- 觸動時刻:移動應用成功祕訣(一)
- 超級app+輕應用,移動應用崛起新契機APP
- 如何將智慧園區移動應用成為超級應用?
- 移動應用設計:應用內搜尋和業務轉化
- 移動應用開發者必讀:提升應用效能的13種方式
- 移動端車牌識別的應用
- Adsota:越南移動應用廣告報告
- [譯] PWA 會取代原生移動應用嗎?
- 使用 .NET MAUI 建立移動應用——Get StartUI
- 【移動資料】data pump(下) IMPDP 應用