當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > 文本框中顯示網(wǎng)頁(yè)中選中的內(nèi)容

文本框中顯示網(wǎng)頁(yè)中選中的內(nèi)容

2012/10/22 12:50:20作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

文本框中顯示網(wǎng)頁(yè)中選中的內(nèi)容

【實(shí)例描述】

為了方便用戶的復(fù)制,可以將用戶選擇的內(nèi)容顯示在文本框內(nèi)。本例學(xué)習(xí)如何在用戶選擇的同時(shí),顯示其選擇的內(nèi)容。

【實(shí)例代碼】

   <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)</title> <SCRIPT LANGUAGE="JavaScript"> var txt1 = ""; function getSelect() {     txt1 = (document.all) ? document.selection.createRange().text : document.getSelection();//獲取當(dāng)前選中的文本     document.form1.txt1.value = txt1;                                                       //顯示選擇內(nèi)容     return true; } document.onmouseup = getSelect;                                                             //綁定鼠標(biāo)事件 if (!document.all)     document.captureEvents(Event.MOUSEUP);                                                  //netscape下的鼠標(biāo)事件捕獲 </script> </head> <body> <form name=form1> <strong> 被選中的文本:  <input type=text name=txt1 value=""></strong>  <div> 泛型 該語(yǔ)言中添加了一些泛型類型,使得程序員能夠?qū)崿F(xiàn)程度很高的代碼重用,獲得更高的集合類性能。泛型類型只存在 arity 上的不同。也可以將參數(shù)強(qiáng)制為特定的類型。有關(guān)更多信息,請(qǐng)參見泛型類型參數(shù)。 <br /> 迭代器 迭代器使得規(guī)定 foreach 循環(huán)將如何循環(huán)訪問集合的內(nèi)容變得更加容易。 <br /> 分部類 分部類型定義允許將單個(gè)類型(比如某個(gè)類)拆分為多個(gè)文件。Visual Studio 設(shè)計(jì)器使用此功能將它生成的代碼與用戶代碼分離。 </div> </form> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例重點(diǎn)是如何獲取文檔中選定的文本,代碼中使用了“docyment.seiection.createRange().text”方法。“createRange”方法用于創(chuàng)建TextRange對(duì)象,其text屬性用來獲取用戶選中的文本。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽: 文本框  網(wǎng)頁(yè)  內(nèi)容