Вопросы с меткой [javascript-events]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
35 показов

Почему после подгрузки (ajax) постов не работает обработчик событий?

на странице есть посты, при нажатии на один из них срабатывает обработчик. при нажатии на кнопку аяксом подгружаются новые посты, но обработчик для них уже не работает. установил обработчик ...
Влад's user avatar
0 голосов
1 ответ
30 показов

Почему при одном клике происходит и добавление обработчика, и его выполнение?

Почему при одном нажатии на кнопку в компоненте App, useEffect в компоненте NewTask сразу объявляет и вызывает обработчик handleClickOutside? Разве не должно быть так, чтобы первый клик (т.е. первый ...
ameikz's user avatar
  • 21
0 голосов
1 ответ
28 показов

Как перезаписать событие на клике JS

Подскажите, пожалуйста, как перезаписать событие для drumsBtns если чекбокс switchDrums отключен? Сейчас при попытке перезаписать событие у кнопки, у меня просто добавляется событие к уже ранее ...
Eduard Shander's user avatar
-1 голос
1 ответ
44 показа

Как повесить событие на кнопку, которая создана функцией?

Как повесить событие на кнопку, которая создана функцией? Есть функция по созданию кнопки: export function switchStorageBtn() { const btnSwap = document.createElement('button'); btnSwap....
Esm's user avatar
  • 1
0 голосов
0 ответов
25 показов

Почему дублируется обработчик событий?

Есть сайт на котором установлена LightGallery (фотогалерея, https://www.lightgalleryjs.com/docs/settings/). При клике на превью фото открывается два слайдера. Это видно при перелистывании и при ...
Влад's user avatar
-1 голос
1 ответ
20 показов

Сделать лишь часть области активной jQuery sortable

Не могу сделать чтобы была лишь часть области была активной, а перемещался весь блок. К примеру есть div main внутри него еще два и нужно сделать так чтобы поменять родительсике блоки (main) местами ...
Illya L's user avatar
0 голосов
0 ответов
59 показов

Как получить текст из инпута?

Подскажите, как получить текст из инпута? Есть такой код: function createAddBlock() { const $addBlock = document.createElement('div'); const $selectContacts = document.createElement('select'); ...
Esm's user avatar
  • 1
2 голоса
1 ответ
39 показов

Разница между вызовом события из браузера и из кода

До недавного времени я думал, что при вызове события из кода, происходит ровно то же самое что и при вызове события из браузера. Оказалось это вообще не так, просто в большинстве случаев мы не ...
EzioMercer's user avatar
  • 5,975
0 голосов
1 ответ
53 показа

Почему срабатывает pointerleave во время события pointermove на touch устройствах? Слайдер

Пишу свой слайдер на JS. Появилась такая проблема - событие pointerleave на touch устройствах срабатывает во время перетаскивания элементов слайдера и останавливает перетаскивание. Не понимаю как с ...
Михаил Камахин's user avatar
0 голосов
1 ответ
75 показов

Передача данных из функции в div (React)

При нажатии на кнопку не отображается на экране значение переменной p1. Код на Typescript. //компонент Main export function Main() { //переменные let p1; let p2: any = "1"; let a = ...
111's user avatar
  • 19
0 голосов
1 ответ
61 показ

Корзина на чистом js

Даны 3 блока В левой части страницы – перечень категорий. При нажатии на категорию в средний блок выводится перечень продуктов данной категории. Клик на товар – информацию о товаре в правом блоке. В ...
Vivaldi86's user avatar
0 голосов
0 ответов
49 показов

как добавить товар в избранное с помощью куки

Я прям совсем чайник и ни где не написано как это реализовать. Думал вообще через БД попробовать, но это же тогда придется добавлять авторизацию пользователей.
Владислав Ефименко's user avatar
1 голос
0 ответов
28 показов

Как починить динамический select и option через JavaScript? [закрыт]

У меня есть код, который создаёт новые и по нажатию на кнопку. Если пользователь в динамически созданном выбирает "Кнопка", то по нажатию на этот моментально должен появится второй , в ...
Danoslo 255's user avatar
0 голосов
0 ответов
21 показ

Как добавить данные из одного input в любой блок (по выбору: 1-ый, 2-ой, 3-ий или 4-ый)?

Нужно сделать возможность добавления текста из элемента input в отдельные блоки. (Сейчас текст выводится из-за заранее выбранного класса (class="textOutput3"), нужно чтобы пользователь сам ...
user542763's user avatar
1 голос
1 ответ
43 показа

Отслеживание событий в javascript

Всем доброго времени суток! Пишу небольшой скрипт переключения активной картинки у объектов недвижимости, по типу как сделано в Яндекс недвижимости (https://realty.ya.ru/sevastopol/kupit/kvartira/...
Ivan K's user avatar
  • 21
0 голосов
1 ответ
48 показов

Нужна помощь по jQuery + convead (сервис событий)

Нужна помощь. У меня есть скрипт в jQuery (insales), который считывает поле input. Есть сторонний сервис convead, который должен получать событие, по ключу. Скрипт срабатывает (проверял alert'ами на ...
NewOldUser's user avatar
0 голосов
1 ответ
42 показа

Передать массив в eventListener

У меня есть чекбокс. При состоянии checked он должен мне выводить таблицу составленную из массива, по состоянию !checked убирать ее. Логику построения самой таблицы сделать легко, но я не могу ...
mega asda's user avatar
  • 455
0 голосов
1 ответ
23 показа

Доброго времени суток, необходимо запустить по клику на кнопку перелистывание слайдов. Но функция начинает работу сразу без клика

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
Виталий's user avatar
1 голос
1 ответ
48 показов

JavaScript ui-autocomplete не реагируется на focus()

У меня есть проблема с использованием focus() (чтобы поставить фокус в поле поиска после нажатия на кнопку) на элементе, который имеет ui-autocomplete. <input id="headerSearch" class=&...
Vlasenkov R.'s user avatar
0 голосов
0 ответов
26 показов

"Поле content должно быть заполнено", Как сделать обход этой проверки? (<textarea>)

У меня есть код, который я ввожу в консоль, он должен активировать textarea, ввести в нее определенный текст и отправить нажатие кнопки(собственно эти элементы чуть ниже) <article class="Post ...
dzone's user avatar
  • 1
0 голосов
3 ответа
76 показов

Не могу сделать чтобы бордеры образовали одну сплошную линию

Есть пример как это должно выглядеть, но я не могу сделать так, чтобы был один бордер серый внизу, при клике на текст, на то же место но под текстом добавлялся новый бордер с другим текстом (как на ...
p1e0's user avatar
  • 5
0 голосов
0 ответов
37 показов

Почему при нажатии на кнопку не скрывается элемент?

.cards { position: relative; height: 45vh; overflow-y: scroll; overflow-x: hidden; } .cards__all { padding: 15px 0; } .cards__true { padding: 15px 0; } .cards__false { ...
whoismatvei's user avatar
0 голосов
2 ответа
103 показа

Как при получение значение input провести с ними вычесление?

Есть вот такое задание: Дан input .i-141 и .i-142, type=number. Дан select .s-143, который содержит две операции - +, -, *, / . Дана кнопка b-14, при нажатии на которую срабатывает функция f14. ...
whoismatvei's user avatar
0 голосов
1 ответ
83 показа

Почему при сравнение input выводит не правильное значение

Почему правильно сравнение работает только тогда, когда input2 больше. Мне надо сделать так чтобы мы водили значение в input они сравнивались и выводилось большое let inputI31 = document....
whoismatvei's user avatar
0 голосов
0 ответов
9 показов

как добавить event на несколько классов в js [дубликат]

const rippleButton = document.querySelector(".ripple-button"); function mousePositionToCustomProp(event, element) { let posX = event.offsetX; let ...
Bolersss's user avatar
0 голосов
1 ответ
214 показов

Как сделать так, чтобы по клике на метку на Яндекс картах происходил переход по ссылке?

Создаю Яндекс.карту с множеством меток которые загружаются посредством object manager из файла .json по примеру из песочницы Пытаюсь решить задачу, чтобы при клике на метку вместо появления балуна ...
ИгорьК's user avatar
0 голосов
1 ответ
68 показов

При клике div-элемент должен перемещатся к координатам клика. Перемещается, но на отдалении - впечетление, что перепис координаты x и y. JavaScript

let ball = document.getElementById('ball') let field = document.getElementById('field') field.addEventListener('click', function(e) { ball.style.transform = `translateY(${e.clientY - 20}px)`; ball....
Dima's user avatar
  • 5
0 голосов
2 ответа
43 показа

Заставить javascript интерпретатор выдавать ошибку если в addEventListener неверное имя события

Есть возможность в javascript интерпретаторе выдавать ошибку если в addEventListener неверное имя события? Например пишем: document.addEventListener('onkeydown', function (e) {…}); При выполнении ...
DmitryB's user avatar
  • 101
0 голосов
0 ответов
85 показов

Событие не происходит по клику (Wordpress)

Начинающий в JS, поэтому совершенно не могу понять, что делаю не так. Нужно: отобразить/скрыть блок при нажатии определенной radio кнопки. Написал такой скрипт: const samo = document.getElementById('...
Vladimir I's user avatar
0 голосов
1 ответ
37 показов

При добавлении следующих функций, все работает некорректно. Возможно как-то исправить?

https://codepen.io/yasakova/pen/qBopvod let parent = document.querySelector('.btn'); restartBtn = document.createElement('button'); restartBtn.className.add = 'btn-restart'; ...
VERA Yasakova's user avatar
0 голосов
2 ответа
66 показов

Можно ли по другому сделать кнопки для калькулятора?

Делаю калькулятор и весь код рабочий, но хотел бы узнать, можно ли как-нибудь по другому(более компактно) оформить функцию нажатия кнопок. let digitsField = document.getElementById("digit-field"); ...
Ruslan Makhmatov's user avatar
0 голосов
1 ответ
148 показов

Что нужно сделать что-бы входящий массив не менялся?

Что значит входящий массив не должен меняться, я как это правильно записать? const increaseEvenEl = (arr, delta) => { if(!Array.isArray(arr)){ return null } for(let i = 0; i < ...
Яна Коваль's user avatar
0 голосов
0 ответов
19 показов

Обработка событий на динамически созданных элементах, JS

Помогите, пожалуйста, разобраться. есть такая разметка <div class="wrapper"> <ul class="list"> <li class="list__item1">Кнопка 1</li> ...
Alex Gribach's user avatar
0 голосов
0 ответов
83 показа

Помогите разобраться с обработчиком событий

Есть простенькая игра. Таблица с ячейками (плитками) 10х10. Рандомно записывается в массив 10 ячеек и при правильно выборе закрашивается зеленым, если такой ячейки нет в массиве, то красным. Проблема ...
Евгений Колмак's user avatar
0 голосов
0 ответов
169 показов

Добавление класса элементу при клонировании из template и возникновении события. Vanilla JS

Всем привет. Помогите разобраться. Есть две радиокнопки с выбором "темы". Есть форма с инпутом и кнопкой для добавления поста пользователем. Есть темплейт с разметкой поста. Нужно чтобы ...
Petr Sidorov's user avatar
0 голосов
1 ответ
367 показов

Script Google Sheets - редактирование ячеек более 1 раза

Имеется гугл таблица и доступ к ней редакторов, необходимо реализовать чтобы каждый из редакторов мог вносить изменения только один раз в таблицу и не более!? Задача практически решена, за исключением ...
Алексей Соболев's user avatar
0 голосов
1 ответ
144 показа

Навигация с помощью стрелок по контейнеру div-ов 3х3

Нужна навигация с помощью стрелок по контейнеру div-ов 3х3 В данном коде пойнтер указывает на 4 стороны вокруг первого элемента, а должен указывать на один из 9 элементов и клик при нажатии клавиши ...
user497202's user avatar
0 голосов
1 ответ
144 показа

Отслеживание закрытия страницы или ухода с нее

Пишу сайт на фрейме yii2. Понадобилось сделать монопольный доступ к странице редактирования формы update. Для этого использую две переменные edit_on и editor, первая булевая (1 - доступ разрешен, 0 - ...
levy's user avatar
  • 1
1 голос
2 ответа
346 показов

При клике на input внутри <td> с listener'ом функция вызывается дважды

Всем привет! Мне нужна помощь со следующей ситуацией. В разметке html есть следующий блок: <td class="statistics-section__body-cell statistics-section__body-cell-breakpoint-checkbox flex"&...
Lotrein's user avatar
  • 25
0 голосов
1 ответ
65 показов

Как автоматически создать переменную?

У меня есть функция, которая перебирает массив и создает кнопки. Скажите, как я могу создать автоматически для каждой кнопки новую переменную вида const [test] = useSound(SoundImport.test); function ...
cracker.s's user avatar
0 голосов
1 ответ
28 показов

Определить отсутствие игрока на странице и послать запрос на обновление статуса

Тренируюсь на javascript, создаю онлайн игру. Столкнулся с проблемой: необходимо обновлять статус игрока, когда он отсутствует на странице (не активный игрок). Пробовал использовать события ...
Виталий Бриль's user avatar
0 голосов
1 ответ
373 показа

Отправка сообщения через Enter не работает

После ввода сообщения в соответствующую форму и нажатия Enter вместо отправки сообщения происходит обновление страницы. Форма Sent работает как нужно. function sendMessage() { var ...
user avatar
2 голоса
1 ответ
26 показов

Опция назначения хоткеев

Как можно реализовать настройку горячих клавиш для пользователя (т.е. я хочу чтоб пользовать мог сам задать сочетание клавиш на определенное действие)? Заранее спасибо.
Breeng's user avatar
  • 21
0 голосов
1 ответ
80 показов

Как поменять табы местами?

Есть табы. Они работают, но если поменять местами область контента и область списка, то табы перестают работать. Подскажите, пожалуйста, что нужно изменить, чтобы не зависимо от того где находится ...
cracker 's user avatar
0 голосов
2 ответа
676 показов

Как наложить клик на все элементы внутри списка?

Есть элемент li, который содержит в себе вложенные div элементы. Я наложил событие на li. Как мне сделать, чтобы при клике на li и на вложенные div было событие? <li data-list="3" class=&...
cracker 's user avatar
1 голос
1 ответ
45 показов

Скрытие кнопок в зависимости от количества элементов в списках

Что нужно поправить в коде, чтобы когда элементов в списке больше двух - кнопки в этих блоках исчезали? let btns = document.querySelectorAll('.btn'); let elements = document.querySelectorAll('....
nthg99's user avatar
  • 39
1 голос
1 ответ
54 показа

Кнопки и блоки с одинаковыми классами

Как можно переписать данный код, чтобы по клику на каждую отдельную кнопку доп классы применялись к конкретным span и span2 в рамках одного блока, а не ко всем элементам во всех блоках? let divs = ...
nthg99's user avatar
  • 39
0 голосов
1 ответ
265 показов

Последовательное изменение цвета квадратов js

Задачка, которая основана на имеющихся кусках кода, ввела меня в ступор. Только изучаю js, поэтому могу не видеть элементарных решений. Имеются нарисованные квадраты, их стилизация и кнопка. <input ...
argentoash's user avatar
0 голосов
1 ответ
40 показов

OnScrollChange событие

В JS есть event listener scroll .addEventListener('scroll', function(){}) Оно работает пока страница скроллится, есть ли событие как с инпутом к примеру onchange, то есть после того, как скролл ...
Glupiy's user avatar
  • 43
1 голос
1 ответ
110 показов

Обернуть содержимое div в ещё один див при скролле на чистом JS

Есть такой код шапки <header class="header-home"> <div class="container"> <div class="row scroll"> <div class="col-6 col-sm-3 ...
Zeus07's user avatar
  • 15