點選實現選中指定元素的文字內容
本章節介紹一下如何實現用滑鼠點選元素能夠選中指定元素中的文字內容。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #copy{ width:200px; height:100px; background:#CCC; } </style> <script type="text/javascript"> function selectText() { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('copy')); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById('copy')); window.getSelection().addRange(range); } } window.onload=function(){ var odiv=document.getElementById("copy"); odiv.onclick=function(){ selectText() } } </script> </head> <body> <div id="copy">螞蟻部落歡迎您</div> </body> </html>
上面的程式碼實現了我們的要求,點選div元素可以選中div中的文字內容。
相關文章
- 點選文字框實現文字框內容選中效果
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- 表單元素文字內容選中事件onselect事件
- jQuery實現的將指定元素中的內容替換jQuery
- 利用jquery實現的向指定元素追加指定內容jQuery
- js 實現點選複製內容JS
- jQuery如何篩選具有指定文字的元素jQuery
- javascript刪除具有指定文字內容的li元素JavaScript
- 點選標題實現內容元素伸展和收縮程式碼例項
- css實現的禁止標籤中內容選中效果CSS
- 使用jquery清空指定元素中的所有內容jQuery
- jQuery點選文字框清除內容程式碼例項jQuery
- 如何實現點選文字也能夠選中核取方塊
- jquery實現的獲取select下拉選單value和文字內容jQuery
- CSS禁止選中文字內容CSS
- 如何實現點選文字清除預設文字
- JavaScript select選中項的value值和文字內容JavaScript
- 相容所有瀏覽器的點選複製文字內容效果瀏覽器
- 點選元素實現當前元素隱藏效果
- js實現的點選顯示或者隱藏相關內容JS
- js獲取select選中項的值和文字內容JS
- JS如何實現點選複製功能,JS點選複製文字JS
- swift點選Tableviewcell展開下拉選單內容SwiftView
- js實現的替換字串中的全部指定內容JS字串
- Python提取文字指定內容Python
- jQuery實現的點選Enter鍵觸發指定事件jQuery事件
- 點選當前文字行實現文字變色效果
- 如何實現點選文字框清除其中文字
- 點選按鈕拷貝複製元素內文字程式碼例項
- js控制文字內容過多時候點選展開方式顯示全部內容demoJS
- jquery獲取具有指定內容的元素jQuery
- js實現的點選複製選中文字程式碼例項JS
- jQuery實現的點選元素隱藏和顯示jQuery
- javascript實現的點選當前元素隱藏效果JavaScript
- 如何實現點選文字框刪除提示文字效果
- Vue中配合clipboard.js實現點選按鈕複製內容VueJS
- jquery中點選切換的實現jQuery
- jQuery table內容點選標題排序jQuery排序