JavaScript獲取文本框內(nèi)選中文本的方法
更新時(shí)間：2015年02月20日 15:05:34 作者：niuniu
這篇文章主要介紹了JavaScript獲取文本框內(nèi)選中文本的方法,實(shí)例分析了javascript通過(guò)onclick獲取文本框選中文本的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript獲取文本框內(nèi)選中文本的方法。分享給大家供大家參考。具體分析如下：
這里的代碼可以用來(lái)獲取用戶通過(guò)鼠標(biāo)在文本輸入框或者textarea里選擇的選本。
需要注意ie的問(wèn)題。
代碼如下：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function getFieldSelection(select_field)
{
word='';
if (document.selection) {
var sel = document.selection.createRange();
if (sel.text.length > 0) {
word = sel.text;
}
}
else if (select_field.selectionStart || select_field.selectionStart == '0') {
var startP = select_field.selectionStart;
var endP = select_field.selectionEnd;
if (startP != endP) {
word = select_field.value.substring(startP, endP);
}
}
return word;
}
</script>
<textarea id="a" rows="3" cols="20">選擇我,然后點(diǎn)擊下面的按鈕</textarea><br />
<button onclick="alert(getFieldSelection(document.getElementById('a')))">button_click</button>
<br />
<strong>
function getFieldSelection(select_field)
{
word='';
if (document.selection) {
var sel = document.selection.createRange();
if (sel.text.length > 0) {
word = sel.text;
}
}
else if (select_field.selectionStart || select_field.selectionStart == '0') {
var startP = select_field.selectionStart;
var endP = select_field.selectionEnd;
if (startP != endP) {
word = select_field.value.substring(startP, endP);
}
}
return word;
}
</script>
<textarea id="a" rows="3" cols="20">選擇我,然后點(diǎn)擊下面的按鈕</textarea><br />
<button onclick="alert(getFieldSelection(document.getElementById('a')))">button_click</button>
<br />
<strong>
注：當(dāng)在IE里使用非按鈕的元素onclick觸發(fā)事件的時(shí)候，會(huì)得不到結(jié)果。因?yàn)樵贗E里，當(dāng)一個(gè)非按鈕元素被click,整個(gè)頁(yè)面中的選擇內(nèi)容將會(huì)被改變。而在firefox,opera下就不存在這個(gè)問(wèn)題。所以上面的(Span_onclick)在IE下將不可用。
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
本篇文章主要介紹了p5.js入門教程之簡(jiǎn)介和基本形狀繪制，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
js實(shí)現(xiàn)手表表盤時(shí)鐘與圓周運(yùn)動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)手表表盤時(shí)鐘與圓周運(yùn)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript實(shí)現(xiàn)的石頭剪刀布游戲源碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的石頭剪刀布游戲源碼分享,挺好玩的小游戲,關(guān)鍵在一些算法上,需要的朋友可以參考下2014-08-08
JavaScript實(shí)現(xiàn)的select點(diǎn)菜功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的select點(diǎn)菜功能,涉及javascript動(dòng)態(tài)操作頁(yè)面元素及元素遍歷相關(guān)技巧,需要的朋友可以參考下2017-01-01
three.js顯示中文字體與tween應(yīng)用詳析
這篇文章主要給大家介紹了關(guān)于three.js顯示中文字體與tween應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了JS寫(xiě)滑稽笑臉運(yùn)動(dòng)效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了JS與jQuery判斷文本框還剩多少字符可以輸入的方法,簡(jiǎn)單分析了js字符個(gè)數(shù)統(tǒng)計(jì)的方法,并給出了jQuery字符統(tǒng)計(jì)插件textlimit的相關(guān)使用方法示例,需要的朋友可以參考下2018-09-09
JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式,本文同時(shí)講解了設(shè)計(jì)模式的類別如創(chuàng)建型設(shè)計(jì)模式、結(jié)構(gòu)型設(shè)計(jì)模式、行為設(shè)計(jì)模式等內(nèi)容,需要的朋友可以參考下2015-02-02
JS面向?qū)ο缶幊虒?shí)現(xiàn)的拖拽功能案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?shí)現(xiàn)的拖拽功能,結(jié)合具體案例形式詳細(xì)對(duì)比分析了JS面向過(guò)程與面向?qū)ο髮?shí)現(xiàn)的拖拽功能相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
要想知道它們是怎么停止的，首先我們要了解它們的運(yùn)行機(jī)制和原理，下面是具體的介紹。2011-01-01