快捷導(dǎo)航

JavaScript 選中文字并響應(yīng)獲取的實(shí)現(xiàn)代碼

更新時(shí)間：2011年08月28日 17:53:28 作者：

當(dāng)鼠標(biāo)選擇一段文字時(shí)，對(duì)這個(gè)事件產(chǎn)生響應(yīng)，并且將選中的文字傳遞出去。

本人不怎么會(huì)寫JS,但是會(huì)搜索，這里找到了些別人寫好的東西：

 
select(document, tanchu); 
/*=select[[ 
* 
* 跨瀏覽器選中文字事件 
* @param 
* object o 響應(yīng)選中事件的DOM對(duì)象，required 
* function fn(sText,target,mouseP)選中文字非空時(shí)的回調(diào)函數(shù)，required 
* |-@param 
* |-sText 選中的文字內(nèi)容 
* |-target 觸發(fā)mouseup事件的元素 
* |-mouseP 觸發(fā)mouseup事件時(shí)鼠標(biāo)坐標(biāo) 
*/ 
function select(o, fn){ 
o.onmouseup = function(e){ 
var event = window.event || e; 
var target = event.srcElement ? event.srcElement : event.target; 
if (/input|textarea/i.test(target.tagName) && /firefox/i.test(navigator.userAgent)) { 
//Firefox在文本框內(nèi)選擇文字 
var staIndex=target.selectionStart; 
var endIndex=target.selectionEnd; 
if(staIndex!=endIndex){ 
var sText=target.value.substring(staIndex,endIndex); 
fn(sText,target); 
} 
} 
else{ 
//獲取選中文字 
var sText = document.selection == undefined ? document.getSelection().toString():document.selection.createRange().text; 
if (sText != "") { 
//將參數(shù)傳入回調(diào)函數(shù)fn 
fn(sText, target); 
} 
} 
} 
} 
/*]]select=*/ 
function tanchu(txt,tar){ 
alert("文字屬于"+tar.tagName+"元素，選中內(nèi)容為："+txt); 
} 

　原作者見：http://momomolice.com/wordpress/archives/420.html

附：只獲得選取的文字的代碼（不響應(yīng)該事件）

復(fù)制代碼代碼如下:

 
function getSelectedText() 
{ 
if (window.getSelection) 
{ // This technique is the most likely to be standardized. 
// getSelection() returns a Selection object, which we do not document. 
return window.getSelection().toString(); 
} 
else if (document.getSelection) 
{ 
// This is an older, simpler technique that returns a string 
return document.getSelection(); 
} 
else if (document.selection) 
{ 
// This is the IE-specific technique. 
// We do not document the IE selection property or TextRange objects. 
return document.selection.createRange().text; 
} 
} 

函數(shù)運(yùn)行后會(huì)將選取的文字返回出來。　　

原作者已不可考。。。

您可能感興趣的文章:

選中文字

相關(guān)文章

JavaScript判斷數(shù)組重復(fù)內(nèi)容的兩種方法(推薦)
本文給大家介紹兩種JavaScript判斷數(shù)組重復(fù)內(nèi)容的方法(推薦)非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-06-06
Js 回車換行處理的辦法及replace方法應(yīng)用
當(dāng)我們在文本框里輸入文字敲下回車后，希望在提交后網(wǎng)頁也顯示是換行的效果,可往往并不能如愿以償啊，實(shí)在是憤怒啊自己寫了一個(gè)回車換行處理的函數(shù)，感興趣的朋友可以了解下啊，希望本文對(duì)你有所幫助
2013-01-01
js控制按鈕,防止頻繁點(diǎn)擊響應(yīng)的實(shí)例
下面小編就為大家?guī)硪黄猨s控制按鈕,防止頻繁點(diǎn)擊響應(yīng)的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-06-06
Javascript?中AJAX的圖書管理代碼實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了AJAX的圖書管理代碼實(shí)例，使用數(shù)據(jù)庫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
javascript 一段代碼引發(fā)的思考
寫在前面:這是一個(gè)關(guān)于Ext, Prototype, JavaScript方面的問題,其實(shí)下面遇到的問題本不是問題,都是因?yàn)殄e(cuò)誤的理解造成的,本文的宗旨是希望讀者朋友避免我犯的同類錯(cuò)誤,遇事三思而后行,同時(shí)也體會(huì)下發(fā)現(xiàn)問題,解決問題,反思問題這種精神活動(dòng)所帶來的快樂!
2009-01-01
JS?中數(shù)組的增刪改查和對(duì)象的增刪改查實(shí)例詳解
這篇文章主要介紹了JS?中數(shù)組的增刪改查和對(duì)象的增刪改查實(shí)例詳解,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-07-07
JS同源策略和跨域問題深入分析和解決
這篇文章主要介紹了JS同源策略和跨域問題深入分析和解決,在Web開發(fā)中,跨域問題是一個(gè)常見且必須解決的難題,當(dāng)瀏覽器出于安全考慮限制不同源之間的資源交互時(shí),開發(fā)者需要掌握多種方案來繞過這些限制,需要的朋友可以參考下
2025-02-02
Javascript利用canvas繪制兩點(diǎn)間曲線和箭頭
這篇文章主要為大家詳細(xì)介紹了Javascript如何利用canvas實(shí)現(xiàn)在兩點(diǎn)間繪制曲線和矩形,并且在矩形中繪制文字,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-10-10
基于Node.js的JavaScript項(xiàng)目構(gòu)建工具gulp的使用教程
也許你使用過grunt,那么這里來安利gulp的話就更加不會(huì)陌生了,下面我們就來看一下基于Node.js的JavaScript項(xiàng)目構(gòu)建工具gulp的使用教程
2016-05-05