資訊專欄INFORMATION COLUMN
摘要：注意只有以上的版本中支持對(duì)象以及它的方法。對(duì)于對(duì)象，使用以及屬性可以取得邊界點(diǎn)以及屬性，以檢測(cè)一個(gè)是否是收縮的。返回值這個(gè)方法沒有返回值。要想得到一個(gè)對(duì)象的準(zhǔn)確外形，可以使用方法。返回值整型數(shù)，取得層次結(jié)構(gòu)中，兩個(gè)點(diǎn)的定位。
方法 collapse方法
把一個(gè)range對(duì)象的開始點(diǎn)移動(dòng)到它的結(jié)束點(diǎn)，或者相反。
注意：只有Internet Explorer 9.0以上的版本中支持Range對(duì)象以及它的collapse方法。
如果一個(gè)Range對(duì)象的開始點(diǎn)和結(jié)束點(diǎn)在是一位置，這個(gè)Range對(duì)象是空的。
對(duì)于Range對(duì)象，使用startContainer、startOffset、endContainer以及endOffset屬性可以取得邊界點(diǎn)以及collapsed屬性，以檢測(cè)一個(gè)range是否是收縮的。
對(duì)于TextRange對(duì)象，使用getClientRects方法可以取得準(zhǔn)確的開關(guān)，并用text屬性返回文本，檢測(cè)文本的長(zhǎng)度，以偵查一個(gè)range是否是收縮的。
語法object.collapse ([toStart]);
你可以在后面的Supported by object章節(jié)中找到關(guān)聯(lián)的對(duì)象。
參數(shù)
toStart：可選參數(shù)。布爾值，指明收縮的方向。為下列值之一：
false（默認(rèn)值）表示把開始點(diǎn)移到結(jié)束點(diǎn)。
true表示把結(jié)束點(diǎn)移到開始點(diǎn)。
返回值這個(gè)方法沒有返回值。
compareEndPoints方法比較兩個(gè)textRange對(duì)象的開始點(diǎn)和結(jié)束點(diǎn)的位置。
如果你只需要檢測(cè)兩個(gè)TextRange對(duì)象是否完全相同，可以用isEqual方法。要想得到一個(gè)TextRange對(duì)象的準(zhǔn)確外形，可以使用getClientRects方法。
compareBoundaryPoints方法提供的功能類似于別的瀏覽器中的compareEndPoints方法。
語法object.compareEndPoints (type,rangeToCompare);
你可以在后面的Supported by object章節(jié)中找到關(guān)聯(lián)的對(duì)象。
參數(shù)
type：必不可少的參數(shù)。字符串，指定用于比較的邊界點(diǎn)。為下列值之一：
EndToEnd：比較當(dāng)前TextRange的結(jié)束點(diǎn)與rangeToCompare的結(jié)束點(diǎn)。
EndToStart：比較當(dāng)前TextRange的結(jié)束點(diǎn)與rangeToCompare的開始點(diǎn)。
startToEnd：比較當(dāng)前TextRange的開始點(diǎn)與rangeToCompare的結(jié)束點(diǎn)。
startToStart：比較當(dāng)前TextRange的開始點(diǎn)與rangeToCompare的開始點(diǎn)。
返回值整型數(shù)，取得DOM層次結(jié)構(gòu)中，兩個(gè)點(diǎn)的定位。為下列值之一：
-1：第一個(gè)點(diǎn)在第二個(gè)點(diǎn)的前面。
0：兩個(gè)邊界點(diǎn)在相同的位置處。
1：第一個(gè)點(diǎn)在第二個(gè)點(diǎn)的后面。
示例代碼1下面這個(gè)示例代碼演示了collapse方法的用法：
HTML
Select some text with your mouse within this field.
When the left button is released the wanderer button is placed
at the ending of the selection.
Left mouse clicks also move the wanderer button in Internet Explorer, Firefox, Google Chrome and Safari.
代碼示例2
這示例演示了compareEndPoints方法的用法。在別的瀏覽器中，要想得到一個(gè)近似的示例，請(qǐng)看compareBoundaryPoints方法的頁(yè)面。
HTML
Select some text on this page and use the following button to get information about
the placement of the bold text relative to the selection.
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/85728.html
摘要：在以及低于版本的火狐瀏覽器中，至少有一個(gè)對(duì)象屬于對(duì)象，因?yàn)槲谋具x區(qū)永遠(yuǎn)是一個(gè)層次結(jié)構(gòu)的連續(xù)部分。在版以后的火狐瀏覽器中，鼠標(biāo)選網(wǎng)頁(yè)內(nèi)容時(shí)按住鍵，可以選中多個(gè)文本域。方法檢測(cè)兩個(gè)對(duì)象是否是完全相同的。返回當(dāng)前對(duì)象是否包含了指定的對(duì)象。 原文來自TextRange object。 textRange對(duì)象代表document中一個(gè)連續(xù)的部分。 TextRange對(duì)象為實(shí)現(xiàn)一些實(shí)用功能提供了...
摘要：屬性屬性返回一個(gè)整型數(shù)值，指定綁定到當(dāng)前對(duì)象的邊界矩形的高度，以像素為單位。和屬性能夠取得一個(gè)對(duì)象綁定的矩形的邊界。在這種情況下，這個(gè)值指定了對(duì)象左坐標(biāo)位置，包括了滾動(dòng)條以及?？赡艿闹翟O(shè)置或者取得對(duì)象的文本內(nèi)容字符串。 屬性 boundingHeight屬性 返回一個(gè)整型數(shù)值，指定綁定到當(dāng)前TextRange對(duì)象的邊界矩形的高度，以像素為單位。 boundingLeft、boun...
摘要：參數(shù)被選中的第一個(gè)字符的位置。對(duì)象什么是對(duì)象表示包含節(jié)點(diǎn)和部分文本節(jié)點(diǎn)的文檔片段。一切有關(guān)于戶文本選擇范圍的信息都?xì)w對(duì)象掌管。用對(duì)象的方法取得。 最初是因?yàn)閠extarea賦值后，focus光標(biāo)一直定位到第一個(gè)文字的bug，搜之，發(fā)現(xiàn)有這樣一個(gè)API：HTMLInputElement.setSelectionRange,可以設(shè)置一個(gè)input元素中的文本選中內(nèi)容的起始位置和結(jié)束位置。 ...
摘要：前言最近項(xiàng)目新增需求用戶能夠拖拽頁(yè)面上的圖片文件到文檔。在現(xiàn)有的拖拽事件所提供無法滿足需求的情況下，換一個(gè)思路走嘗試將圖片復(fù)制到剪貼板。只復(fù)制目標(biāo)節(jié)點(diǎn)的子節(jié)點(diǎn)，對(duì)于標(biāo)簽，如果不額外包裹一層父元素，無法實(shí)現(xiàn)圖片復(fù)制。 前言 最近項(xiàng)目新增需求：用戶能夠拖拽頁(yè)面上的圖片文件到word文檔。當(dāng)操作瀏覽器里拖拽圖片至別的程序，在word文檔中展示出獲取到的只是圖片的url地址，而非預(yù)期的圖片文件...
摘要：除非在本規(guī)范中其它指定的文法產(chǎn)生式可選部分隱式地包含一個(gè)叫做的接收一個(gè)值為包含相關(guān)產(chǎn)生式的文法的終結(jié)符或者非終結(jié)符的參數(shù)靜態(tài)語義規(guī)則的定義。 5.2 算法約定（Algorithm Conventions） ??規(guī)范常常使用一個(gè)帶編號(hào)的列表來顯示算法中的步驟。這個(gè)小算法被用作準(zhǔn)確地表達(dá)ECMAScript語言構(gòu)造需要的語義。這些算法并不是打算暗示任何具體實(shí)現(xiàn)的使用。事實(shí)上，這里也許有更高...
閱讀 1452·2021-11-04 16:11
閱讀 3131·2021-10-12 10:11
閱讀 3082·2021-09-29 09:47
閱讀 1678·2021-09-22 15:40
閱讀 1093·2019-08-29 15:43
閱讀 2869·2019-08-29 13:50
閱讀 1650·2019-08-29 13:28
閱讀 2755·2019-08-29 12:54
