Удалить строку на входе

<input placeholder = "#hashtags" type = "text" (keydown) = "backKeyValidation($event)">

 backKeyValidation(evt) {
    let value = evt.target.value ;
    }

Например,

input value = smk #k l#ls #l s# #sde

delete with backspace of #sde till its "#"  of "sde"-- last hash;
after that delete and update input as-  smk #k l#ls #l

аналогично остальные должны быть удалены; Здесь значение похоже на #smk #k l#ls #l s# #s; Я хочу удалить последнюю строку с помощью #, чтобы удалить символ, тогда, когда она дойдет до последнего '#', следует удалить полные "# с другими строками"

Это означает - delete from "#" to "#", а также обновление ввода при вводе клавиши backspace.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
87
1

Ответы 1

Если вы используете ванильный javascript, то это не способ привязки событий.

Мое решение:

  • Отдельные коды javascript из файла html
  • Привязать прослушиватель событий для keydown

Запустите фрагмент и проверьте его:

const filteredInput = document.getElementById('filtered-input');

filteredInput.addEventListener('keydown', function (e) {
  let value = e.target.value;
  // 8 is keyCode for backspace on windows 
  // or delete button on mac
  if (e.keyCode === 8) {
    //if there is a last hash tage
    // thene delete it with word
    if (value.lastIndexOf("#") !== -1) {
       value = value.slice(0, value.lastIndexOf("#"));
    }
  }
  this.value = value;
});
<input type = "text" id = "filtered-input">

Это простой пример, чтобы дать вам представление. Надеюсь, он поможет.

Спасибо, но он должен удалить # до #hash, когда пользовательский курсор достиг единственного последнего тега # после того, как он удалил некоторые другие строки с последним хешем (не имея других строк с последним #), тогда должен начаться вышеуказанный процесс.

MαHi 27.11.2018 14:09

@Ahmadmnzr вам нужно найти позицию курсора, если он находится в конце ввода, вышеуказанный процесс хорошо работает, иначе, если он не в конце, вы должны реализовать его так, как он удаляет последний # хэш перед положением курсора. вот ссылка на то, как найти позицию курсора

Shahram 27.11.2018 14:52

Другие вопросы по теме