как выделить определенный фрагмент текста, когда пользователь перетащил курсор на него в jQuery - PullRequest
Новая
       28

как выделить определенный фрагмент текста, когда пользователь перетащил курсор на него в jQuery

0 голосов
/ 12 мая 2019

У меня возникают проблемы с выделением определенного фрагмента текста, когда пользователь перетаскивает курсор над ним в jQuery

Я пытался использовать функцию .select (), которую дает вам jQuery, но, похоже, она имеетне работает на

Вот пример 

<div>
  Some random text <span class="highlighted_text">Highlighted text</span>
</div>

, когда пользователь перетаскивает курсор на определенный фрагмент текста, который он переносит на текст, который он перетаскивает в теге

спасибо,

Арнав ?

1 Ответ

0 голосов
/ 12 мая 2019

Вы можете выделить его с помощью CSS, просто выполнив следующее:

CSS: 

.highlighted_text:hover {
    background-color: blue;
    color: white;
}

HTML: 

<div>
  Some random text <span class="highlighted_text">Highlighted text</span>
</div>

Но если вы хотите, чтобы подсветка по-прежнему выделялась после того, как мышь потеряла фокус над текстовой частью, вам придется сделать ее немного более сложной, например:

CSS: 

@keyframes hover {
  0% {
    color: #000;
  }
  100% {
    background-color: #00F;
    color: #FFF;
  }
}

.highlighted_text {
  animation-name: hover;
  animation-duration: 1000ms;
  animation-fill-mode: both;
  animation-play-state: paused;      
}

.highlighted_text:active,
.highlighted_text:focus,
.highlighted_text:hover {
  animation-play-state: running;
}

HTML: 

<div>
  Some random text <span class="highlighted_text">Highlighted text</span>
</div>
...