js獲取滑鼠選中的文字

2022-03-27 04:33:07 字數 958 閱讀 9537

1、獲取選中的文字:

document.selection.createrange().text; ie9以下使用

window.getselection().tostring(); 其他瀏覽器使用

$('p').mouseup(function

())

2、取消處於選中狀態的文字:

document.selection.empty(); ie9以下使用

window.getselection().removeallranges(); 其他瀏覽器使用

$('p').mouseup(function

())

上述方法不僅對div或p標籤中的文字有效(會自動忽略選中的『』),在ie和chrome中對input中的文字也有效,但在firefox中無效,jquery 

的.select()事件(僅對input有效)或js的onselect事件(僅對input有效)和js的.select()(使input中的文字內容處於選中狀態)方法在三個瀏覽器中都有效。

可以用滑鼠選中下段文字測試效果:

是他,是他,是他,就是他.我們的朋友小哪吒.是他,就是他,是他,就是他.少年英雄,小哪吒.上天他比~(稍長音),天要高~(同上).下海他比~(同上),海更大啊~啊~(同上).智鬥妖魔~,勇降鬼怪.少年英雄,就是小哪吒.有時,他很聰明.有時,他也犯傻.

他的個頭跟我一般高.有時,他很努力.有時,他也貪玩.他的年級和我一般大~~(長音).上天他比~(稍長音),天要高~(同上).下海他比~(同上),海更大啊~啊~(同上).智鬥妖魔~,勇降鬼怪.少年英雄,就是小哪吒~~(長音).

3、使某dom中的文字處於選中狀態:

ie中關於range參見

$('.somedom').click(function

()

else

if(document.selection)

js獲取滑鼠選中的文字

定義需要獲取的內容的節點 onclick selecttext 河中魚類離奇死亡,下游居民頻染怪病,沿岸植物不斷變異,是殘留農藥?還是生化攻擊?span 獲取選中的文字,我們使用window.getselection tostring 方法。如下 function selecttext catch ...

滑鼠選中文字變色

moz 屬性字首是個火狐瀏覽器用的,而基本的 selection選擇器是給谷歌瀏覽器用的。跟其它css選擇器的用法一樣,你可以巢狀使用,在不同的地方顯示不同的顏色 1 兩種不同的顏色 html head meta charset utf 8 title 新綠天設計部落格 title style ty...

使用js獲取select選中文字

jquery獲取select選擇的文字與值 獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 value ddlregtype val 獲取select選中的索引 ddlregtype get 0 ...