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