中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > JavaScript 拖放效果分析
Web標(biāo)準(zhǔn)在中國 回到列表 焦點(diǎn)圖片輪換第三季——iFocus
 JavaScript 拖放效果分析

作者:cloudgamer 時(shí)間: 2008-11-24 文檔類型:原創(chuàng) 來自:藍(lán)色理想

第 1 頁 JavaScript 拖放效果分析 [1]
第 2 頁 JavaScript 拖放效果分析 [2]
第 3 頁 JavaScript 拖放效果分析 [3]
第 4 頁 JavaScript 拖放效果分析 [4]
第 5 頁 JavaScript 拖放效果分析 [5]

焦點(diǎn)丟失

一般情況下,鼠標(biāo)捕獲都能正常捕獲事件,但如果瀏覽器窗口的焦點(diǎn)丟失就會導(dǎo)致捕獲失效。
我暫時(shí)測試到會導(dǎo)致焦點(diǎn)丟失的操作包括切換窗口(包括alt+tab),alert和popup等彈出窗體。
當(dāng)焦點(diǎn)丟失時(shí)應(yīng)該同時(shí)執(zhí)行Stop程序結(jié)束拖放,但當(dāng)焦點(diǎn)丟失就不能捕獲mouseup事件也就是不能觸發(fā)_fS。
還好ie有onlosecapture事件會在捕獲失效時(shí)觸發(fā),針對這個(gè)情況可以這樣設(shè)置:

addEventHandler(this._Handle, "losecapture", this._fS);

并在Stop程序中移除:

removeEventHandler(this._Handle, "losecapture", this._fS);

但ff沒有類似的方法,不過muxrwc找到一個(gè)替代losecapture的window.onblur事件,那么可以在Start程序中設(shè)置:

addEventHandler(window, "blur", this._fS);

在Stop程序中移除:

removeEventHandler(window, "blur", this._fS);

那ie也有window.onblur事件,那用window.onblur代替losecapture不就可以省一段代碼了嗎。
接著我做了一些測試,發(fā)現(xiàn)基本上觸發(fā)losecapture的情況都會同時(shí)觸發(fā)window.onblur,看來真的可以。
于是我修改程序用window.onblur代替losecapture,但測試后就出問題了,我發(fā)現(xiàn)如果我用alt+tab切換到另一個(gè)窗口,拖動還可以繼續(xù),但這個(gè)時(shí)候應(yīng)該是已經(jīng)丟失焦點(diǎn)了。

于是我逐一排除測試和程序代碼,結(jié)果發(fā)現(xiàn)如果使用了DTD,那么window.onblur會在再次獲得焦點(diǎn)時(shí)才會觸發(fā)。
大家可以用下面這段代碼測試:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script>window.onblur=function(){alert(1)} </script>

在切換到其他程序后,再切換回來才會觸發(fā)window.onblur,還有幾個(gè)比較怪異的狀況就不說了,反正ie用window.onblur是不理想的了。

默認(rèn)動作

對選擇狀態(tài)的文本內(nèi)容、連接和圖片等進(jìn)行拖放操作會觸發(fā)系統(tǒng)的默認(rèn)動作,例如ie中拖動圖片鼠標(biāo)會變成禁止操作狀態(tài),這樣會導(dǎo)致這個(gè)拖放程序執(zhí)行失敗。

不過ie在設(shè)置了setCapture之后,通過用戶界面用鼠標(biāo)進(jìn)行拖放操作和內(nèi)容選擇都會被禁止。
意思就是setCapture之后就不能對文檔內(nèi)容進(jìn)行拖放和選擇,注意這里的拖放是指系統(tǒng)的默認(rèn)動作,例如ondragstart就不會被觸發(fā)。
不過如果setCapture的參數(shù)是false的話,容器內(nèi)的對象還是可以觸發(fā)事件的(具體看鼠標(biāo)捕獲部分),所以setCapture的參數(shù)要設(shè)成true或保留默認(rèn)值。

而ff的鼠標(biāo)捕獲沒有這個(gè)功能,但可以用preventDefault來取消事件的默認(rèn)動作來解決:

oEvent.preventDefault();

ps:據(jù)說使用preventDefault會出現(xiàn)mouseup丟失的情況,但我在ff3中測試沒有發(fā)現(xiàn),如果各位發(fā)現(xiàn)任何mouseup丟失的情況,務(wù)必告訴我啊。

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

上一頁 JavaScript 拖放效果分析 [3] 下一頁 JavaScript 拖放效果分析 [5]

◎進(jìn)入論壇網(wǎng)頁制作WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
焦點(diǎn)圖片輪換第三季——iFocus
不間斷滾動圖片Javascript特效講解
JavaScript的陷阱
用javascript修復(fù)瀏覽器中頭痛問題
Javascript利用閉包循環(huán)綁定事件
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大福“敬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:4/51個(gè)記錄/頁 轉(zhuǎn)到 頁 共5個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2