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

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

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

移動端

【實例名稱】

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

【實例描述】

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

【實例代碼】

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

【運行效果】

運行效果

【難點剖析】

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

【源碼下載】

本實例JS代碼下載

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