Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.95/21: Рейтинг темы: голосов - 21, средняя оценка - 4.95
1 / 1 / 0
Регистрация: 31.10.2013
Сообщений: 30

Курсор в конец строки

11.06.2014, 15:22. Показов 4047. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вообщем есть небольшой скрипт для добавления смайлика в поле div c contenteditable=true.
Он работает, но курсор устанавливается перед смайликом, и нужно в ручную переключать на следующий символ.
Можно это как нибудь решить ???
JavaScript
1
2
3
4
5
6
7
8
9
10
  <a href="#" onclick="addQuestion()">Добавиьть</a>
  <div id="parentId" contenteditable="true" tabindex="0">Hello Word</div>
  <script>
    function addQuestion() {
        var newdiv = document.createElement("span");
        newdiv.innerHTML = " <img src='../coment/image/smile/1.gif'> ";
         document.getElementById("parentId").appendChild(newdiv);
         return false;
  }
  </script>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
11.06.2014, 15:22
Ответы с готовыми решениями:

При клике на input поставить курсор в конец строки
Как при помощи jquery поставить курсор в конец строки?

Курсор убегает в конец поля в редакторе
Здравствуйте. С этим редактором беда, убегает курсор в самый конец текста: 1. Когда надо вставить BBcode, где то в середине текста,...

Установить курсор(фокус) в конец div contenteditable="true"
Искал, но не нашел нужного решения При нажатии на кнопку чтобы курсор был установлен в конце содержимого div элемента &lt;div...

2
 Аватар для mihalken
97 / 97 / 74
Регистрация: 15.05.2014
Сообщений: 269
Записей в блоге: 2
12.06.2014, 10:44
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/**
  This below function is from [url]http://stackoverflow.com/a/4238971/297641[/url]
  All credits goes to the original author.
*/
function placeCaretAtEnd(el) {
    el.focus();
    if (typeof window.getSelection != "undefined"
            && typeof document.createRange != "undefined") {
        var range = document.createRange();
        range.selectNodeContents(el);
        range.collapse(false);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (typeof document.body.createTextRange != "undefined") {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el);
        textRange.collapse(false);
        textRange.select();
    }
}
 
window.onload = function() {
    addQuestion = function() {
        var new_smile = document.createElement("img"),
            parent_id = document.getElementById("parentId")
        ;
        
        new_smile.src = 'http://forum.sotovik.ru/images/smilies/kolobok/bad.gif';
        
        parent_id.appendChild(new_smile);
        parent_id.focus();
        
        placeCaretAtEnd( parent_id );
 
        return false;
    }
}
HTML5
1
2
<a href="#" onclick="addQuestion()">Добавить</a>
<div id="parentId" contenteditable="true" tabindex="0">Hello Word</div>
http://jsfiddle.net/mihalken/sS26A/1/
?
1
1 / 1 / 0
Регистрация: 31.10.2013
Сообщений: 30
13.06.2014, 13:00  [ТС]
Спасибо огромное )
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.06.2014, 13:00
Помогаю со студенческими работами здесь

После клика текст вставляется но курсор стоит в начале текста, кто знает как поставить в конец
&lt;script type=&quot;text/javascript&quot;&gt; &lt;!-- function replaceSelectedText(obj,cbFunc) { obj.focus(); if (document.selection) { ...

Пропадает конец Json строки, при передаче Json строки через Ajax
Всем привет. Возникла следующая проблема. Из php получаю json строку, полученную с помощью json_encode() Далее, её отправляю обратно...

Выборка jQuery(конец строки)
Добрый день всем! У меня возникла не большая проблема в которой не могу никак разобраться и понять в чем дело. Вообщем я осуществляю...

Добавление строки в конец таблицы
Есть табл &lt;table id=&quot;game_list&quot;&gt; &lt;tbody&gt; &lt;tr id=&quot;tr_1&quot;&gt; &lt;td&gt; Текст &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; ...

Запретить перенос каретки в конец строки в textarea
Есть скрипт, который корректирует раскладку клавиатуры (с Ru на En) внутри тегов в textarea во время ввода (событие OnKeyUp). Пашет...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения
anaschu 22.03.2026
e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru