div中的选定文本

当页面加载时,我希望

这个文本是高级启发(选择复制)。

 
This is sample text

我尝试了什么:

 $(document).ready(function(){ $('#sample_div').select(); }); 

因此,如果我假设正确,您希望突出显示特定div中的文本。

 function selectText(element) { var doc = document , text = doc.getElementById(element) , range, selection ; if (doc.body.createTextRange) { //ms range = doc.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { //all others selection = window.getSelection(); range = doc.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(range); } } 

工作jsFiddle

资源

基于当前浏览器的解决方案更改,使用旧版本的jQuery我使用$.browser ,但现在已删除; 检查它的IE并使用正确的代码检查document.body.createTextRange存在如下:

 $(document).ready(function () { selectText('sample_div'); }); function selectText(element) { var text = document.getElementById(element); if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else { var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(range); } } 

演示: http : //jsfiddle.net/IrvinDominin/bKPcX/