Как определить ввод текста в поле ввода CTR + F

Как мы можем найти текст, введенный в поле ввода CTR + F с помощью основного javascript?

На этом снимке экрана я выполнил поиск по тексту Of course.

Как мы можем найти текст Of course?

Как определить ввод текста в поле ввода CTR + F

Вас беспокоит только обнаружение текста или вы также хотите идентифицировать поле поиска?

Dip686 06.12.2018 07:05

@ Dip686 да, обнаруживать только текст или есть ли способ добавить слушателя в это поле ввода, что было бы здорово?

Pankaj Thakur 06.12.2018 07:13

если вы хотите проверить, присутствует ли только текст или нет, вы можете попробовать window.find (), если вы хотите получить все элементы, попробуйте document.querySelectorAll или Jquery: contains ().

Dip686 06.12.2018 07:36

@ Dip686 Я хочу найти этот текст, введенный пользователем в поле ввода CTR + F.

Pankaj Thakur 06.12.2018 07:40

Ну, я не думаю, что есть способ идентифицировать текст внутри поля поиска браузера, что вы можете сделать, использовать событие нажатия клавиши, чтобы определить нажатие ctrl + f или нет, developer.mozilla.org/en-US/docs/Web/Events/keypress, keycode, что, ключевые свойства будут полезны.

Dip686 06.12.2018 07:47

нажатие клавиши полезно, но я хочу найти введенный текст, но это нормально. Большое спасибо за вашу помощь @ Dip686

Pankaj Thakur 06.12.2018 07:56
Поведение ключевого слова "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) для оценки ваших знаний,...
2
6
58
1

Ответы 1

В общем, вы не можете вызывать элементы управления браузером изнутри веб-страницы - безопасность, песочницу и все такое. Уловка может заключаться в том, чтобы прослушать Ctrl + F, prevent, а затем захватывать все вводимые пользователем ключи и делать то, что вы хотите.

window.addEventListener("keydown",function (e) {
    if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) { 
        callBackCtrlF();
        e.preventDefault();
    }
})

тогда вы можете использовать:

function callBackCtrlF() {
     // do your stuff
}
if (!test_key(keylist[i])) функция test_key не определена.
Pankaj Thakur 06.12.2018 08:01

@PankajThakur Я обновил свой ответ, в предыдущем коде есть ошибки

SayJeyHi 06.12.2018 08:03

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