Отображение на мобильном усеченном тексте, скрытом при наведении - PullRequest
0 голосов
/ 27 сентября 2019

У меня есть вопрос, связанный с тем, как отображать усеченный текст в угловом приложении с помощью мобильного ...

td {
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
td:hover{
    overflow: visible; 
    white-space: normal;
    height:auto;
}

how it works on pc

Этого достаточнопоказать весь усеченный текст, кроме ПК !!!на мобильном телефоне я знаю, что эффекта парения нет, но сегодня я сталкиваюсь с этим впервые !, и я хочу знать, возможно ли сделать аналогичный эффект на мобильных устройствах, в угловом приложении, конечно.

на мобильном телефоне ... Что я могу сказать, что нет никакой функции, даже если ее нет! (Мой курсор находится над текстовыми полями, нона скриншоте это не появляется.

Спасибо всем вам.

РЕДАКТИРОВАНИЕ:

<tr>
 <td>
   {{vName.get(name.property)}}
  </td>
    <td id="grid" "" *ngFor="let varT of part[0] && somecode; let i = index">
      {{interpolation}}
 </td>
 </tr>

поэтому я хочу сделать css, еслиэто возможно (похоже, что нет), возможно, используя longpressEvents, как наш первый ответ.Так возобновить я хочу, чтобы td мой текст был усеченным, и когда я проверил на ПК зависания, но я хочу то же самое для мобильных телефонов, это важно, у меня естьспособ исправить это, но это еще одна реализация, поэтому я предпочитаю учиться «как делать зависания на мобильных устройствах».

1 Ответ

1 голос
/ 27 сентября 2019

Подвижное наведение на мобильное устройство работает как событие щелчка.

Когда вы щелкаете по нему, оно вызывает всплывающее окно в css.

При щелчке снаружи происходит наведение размытия.

Проверьте эту ссылку https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_buttons_fade1

Если вы хотите сделать это по-другому, например, при наведении, вы можете дать пользователю значок глаза и привязать его к событию касания.Да, используя сенсорные датчики начала и окончания, вы можете сделать данные видимых битов, когда пользователь продолжает нажимать значок глаза.Почему значок глаза, потому что пользователь знает, что при прикосновении к нему будет видно содержимое

Проверьте эту ссылку.

https://www.w3schools.com/jsref/event_touchstart.asp

...