DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript 選中文字並響應獲取的實現代碼
JavaScript 選中文字並響應獲取的實現代碼
編輯:關於JavaScript     
本人不怎麼會寫JS,但是會搜索,這裡找到了些別人寫好的東西:
復制代碼 代碼如下:
select(document, tanchu);
/*=select[[
*
* 跨浏覽器選中文字事件
* @param
* object o 響應選中事件的DOM對象,required
* function fn(sText,target,mouseP)選中文字非空時的回調函數,required
* |-@param
* |-sText 選中的文字內容
* |-target 觸發mouseup事件的元素
* |-mouseP 觸發mouseup事件時鼠標坐標
*/
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在文本框內選擇文字
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 != "") {
//將參數傳入回調函數fn
fn(sText, target);
}
}
}
}
/*]]select=*/
function tanchu(txt,tar){
alert("文字屬於"+tar.tagName+"元素,選中內容為:"+txt);
}

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


附:只獲得選取的文字的代碼(不響應該事件)
復制代碼 代碼如下:
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;
}
}

函數運行後會將選取的文字返回出來。  

原作者已不可考。。。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved