Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.01.2015, 03:49
Аспирант
Отправить личное сообщение для Jeremen Посмотреть профиль Найти все сообщения от Jeremen
 
Регистрация: 02.02.2012
Сообщений: 45

Имитация элемента label не для элементов формы
Есть след. разметка:
<label for="el_id">Label</labe><div id="el_id" contenteditable="true"></div>

Если повестить обработчик клика на эл. label в котором будет браться в фокус div то при двойном клике вместо выделения текста "Label" (как это происходит в стандартных label) просто в фокус возьмется div и это в принципе очевидно. Что каждый клик сбивает фокус с label и переводит на div, но можно ли как-то сделать, чтобы при одном клике на label брался в фокус div, а при двойном происходило выделения текста "Label" (вообщем просто реализовать взаимодействие идентичное стандартной для label).
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2015, 15:58
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,457

Цитата:
при двойном происходило выделения текста "Label"
В нормальных браузерах так и есть.
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2015, 18:11
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

Попробуй:

label.ondblclick = function() {
    var selection = window.getSelection(),
        range = document.createRange();
    selection.removeAllRanges();
    range.selectNode(this);
    selection.addRange(range);
}
Ответить с цитированием
  #4 (permalink)  
Старый 09.01.2015, 21:25
Аспирант
Отправить личное сообщение для Jeremen Посмотреть профиль Найти все сообщения от Jeremen
 
Регистрация: 02.02.2012
Сообщений: 45

Ruslan_xDD, спасибо большое .Работает как нужно!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обход элементов формы по Enter myshara jQuery 14 20.10.2014 15:43
Задание случайного класса для элемента 1n3gan jQuery 4 28.08.2013 19:12
Тип элемента формы MCTrane Общие вопросы Javascript 6 15.12.2011 07:08
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52
эмуляция события click для элемента select Polo Events/DOM/Window 4 16.12.2009 13:29