Каталог статей
Выделение текста при клике на JQuery

Выделение текста при клике на JQuery

Чтоже умеет этот скрипт? Для его работы нужно всего навсего прописать в нем класс который ему нужно будет выделить  (DIV, Textarea, SPAN, P, любой, который вы указали) . По сценарию возникает выделение содержимого в блоке.

При клике текста или блока происходит его выделение на JQuery, поэтому предварительно нужно подключить данную библиотеку (на uCoz подключена по умолчанию). Вам останется нажать только CTRL+C. Это облегчит задачу пользователю, ведь если, к примеру, существует длинный код, то посетителю пришлось бы вести курсор от начала до конца, а это не всегда выходит с первого раза.
Вот пример работы скрипта:
Служив отлично-благородно, 
Долгами жил его отец, 
Давал три бала ежегодно 
И промотался наконец. 
Судьба Евгения хранила: 
Сперва Madame за ним ходила, 
Потом Monsieur ее сменил. 
Ребенок был резов, но мил. 
Monsieur l’Abbé, француз убогой, 
Чтоб не измучилось дитя, 
Учил его всему шутя, 
Не докучал моралью строгой, 
Слегка за шалости бранил 
И в Летний сад гулять водил. 
Установка
<script type="text/javascript"> 
$('div.example').click(function() { 
 var e=this; 
 if(window.getSelection){ 
 var s=window.getSelection(); 
 if(s.setBaseAndExtent){ 
 s.setBaseAndExtent(e,0,e,e.innerText.length-1); 
 }else{ 
 var r=document.createRange(); 
 r.selectNodeContents(e); 
 s.removeAllRanges(); 
 s.addRange(r);} 
 }else if(document.getSelection){ 
 var s=document.getSelection(); 
 var r=document.createRange(); 
 r.selectNodeContents(e); 
 s.removeAllRanges(); 
 s.addRange(r); 
 }else if(document.selection){ 
 var r=document.body.createTextRange(); 
 r.moveToElementText(e); 
 r.select();} 
}); 
</script>
div.example замените на тот элемент, к которому нужно применить скрипт. Это может быть как ID, так и классы, так и название тегов. Чтобы применить ко всем параграфам, то используйте вместо указанного p, но скорее, это не потребуется.

Оценка: 5.0 / 1

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar
Настройки