Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.08.2014, 11:19
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

Как не потерять курсор при клике?
Представте, у вас есть input div button
div и button - у нас оформлены в виде кнопок по которым мы кликаем
курсор в inpet-е, кликаем по div курсор пропадает, а если мы кликаем по button то курсор там же и остаётся, как такого добиться в div?
focus() не подходит
нужно чтобы позиция курсора сохранялась, чтобы вставить туда некоторый текст!!!
Ответить с цитированием
  #2 (permalink)  
Старый 29.08.2014, 08:59
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

Разве ни кто не знает??
Ответить с цитированием
  #3 (permalink)  
Старый 29.08.2014, 09:13
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,121

qwermjk, подойдет?
Определить позицию курсора в текстовом поле
Ответить с цитированием
  #4 (permalink)  
Старый 29.08.2014, 09:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,121

Или вот...
Ответить с цитированием
  #5 (permalink)  
Старый 29.08.2014, 10:39
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

Немного не то, в моём примере не input и не textarea, а div с contenteditable=true ... но суть даже не в этом, а в том как добиться того чтобы курсор не слетал при клике также как когда кликаешь на button ... посмотрите на примере и всё понятно станет!
Ответить с цитированием
  #6 (permalink)  
Старый 29.08.2014, 10:44
Профессор
Отправить личное сообщение для qwermjk Посмотреть профиль Найти все сообщения от qwermjk
 
Регистрация: 31.01.2010
Сообщений: 229

<div id="qwe" contenteditable="true">123123 123213</div>
<div id="qwe2" style="border:1px solid #000; display:inline-block; cursor:pointer">жмяк</div>
<button id="qwe1" style="cursor:pointer">жмяк 2</button>
<script type="text/javascript">
function getCaretPos2(){
        document.getElementById('qwe').focus();
	alert(window.getSelection().getRangeAt(0).startOffset);
}

document.getElementById('qwe1').onclick = function(){
	getCaretPos2();
};
document.getElementById('qwe2').onclick = function(){
	getCaretPos2();
};
</script>


Ну что то типо такого!! Когда ставим курсор в div c контентом, и жмём на button, то он показывает номер символа где был курсор и курсор остаётся на том же месте, а когда кликаем на div, то он показывает номер на который мы в нём кликнули! А нужно чтобы поведение двух кнопок были идентичными!

Последний раз редактировалось qwermjk, 29.08.2014 в 11:16.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как закрыть страницу, при клике в не области модального окна: ggosha Общие вопросы Javascript 1 19.03.2014 05:22
Как сделать дополнительное перенаправление при клике по скрипту Igorbek Общие вопросы Javascript 1 08.08.2012 14:35
Как установить курсор на грид при открытии формы vva1972 ExtJS 1 07.11.2011 11:12
Можно ли как то выделить текст в блоке при клике по блоку? someLogin Элементы интерфейса 1 10.10.2011 05:10
Как можно при клике на нужную ссылку вывести confirm ? saturn Элементы интерфейса 7 19.09.2011 09:43