Как удалить текст из выбранного текста, который по умолчанию загружается на странице?
Когда мы обновляем или перезагружаем страницу, вы можете видеть выделенный текст в середине круга, когда вы нажимаете на изображение ниже:
- Обсудить цели и проблемы
- Анализ денежного потока
- Налоговый анализ …
И так далее.
Пример: http://ivyfa.advisorproducts.com/financial-planning-process
- Строка JSON для объекта JS
- Исправить заголовок таблицы в верхней части прокручиваемого div
- Динамическая дата и время с моментами .js и setInterval
- Как использовать JavaScript или jQuery для чтения пикселя изображения, когда пользователь нажимает на него?
- Почему я не могу определить функции в документе jQuery document.ready ()?
Выбранный текст подходит только для первого щелчка – при повторном нажатии на эти части изображения вы не увидите выделенный текст. Поэтому я хочу удалить выделение из текста при первой же попытке.
Мне сложно объяснить эту проблему. Ниже приведен код JS, который я использую – я думаю, что проблема заключается в функциональности ChangeText()
.
/*----------Text change on click - Our Process page---------------*/ var prev; var IdAry = ['slide1', 'slide2', 'slide3', 'slide5', 'slide8', 'slide9', 'slide12', 'slide13', 'slide14', 'slide15', 'slide16']; window.onload = function() { for (var zxc0 = 0; zxc0 < IdAry.length; zxc0++) { var el = document.getElementById(IdAry[zxc0]); if (el) { setUpHandler(el); el.onmouseover = function() { $(this).addClass("hover"); } el.onmouseout = function() { $(this).removeClass("hover"); } } } } function setUpHandler(el) { /*---------This is used to add selected class on clicked id only and remove class selected from rest---------*/ $("#" + IdAry.join(",#")).click(function() { $(this).addClass("selected"); $("#graphics .selected").not(this).removeClass("selected"); }) /*---------This will add show hide class to thier spans and vise versa-------*/ $("#" + IdAry.join(",#")).click( function() { changeText(this, "hide", "show"); }, function() { changeText(this, "show", "hide"); }) } function changeText(obj, cl1, cl2) { obj.getElementsByTagName('SPAN')[0].className = "hide"; obj.getElementsByTagName('SPAN')[1].className = "show"; if (prev && obj !== prev) { prev.getElementsByTagName('SPAN')[0].className = "show"; prev.getElementsByTagName('SPAN')[1].className = "hide"; } prev = obj }
Я хочу удалить выделенный текст из текста посередине, когда вы нажмете на тег-тег другого-2.
Изображение для просмотра выделенного текста:
- Анимированная анимация анимации Flexbox - некорректная ширина
- JQuery: номер формата валюты
- Фильтрация элементов в массиве JavaScript с помощью jQuery
- Как переносить URL-адрес?
- JQuery Селектор внутри переменной?
- Очистить выпадающее меню с помощью jQuery Select2
- JQuery $ .ajax Не работает в IE8, но работает на FireFox и Chrome
- JQuery таймер
Вы должны очистить выбор текста после отображения вашего контроля; Вы можете сделать это, вызвав эту функцию (должен быть полностью кросс-браузер):
function clearSelection() { if (window.getSelection) window.getSelection().removeAllRanges(); else if (document.selection) document.selection.empty(); }