Вопросы с меткой [javascript-events]
Руководство по использованию метки javascript-events отсутствует.
206
вопросов
0
голосов
0
ответов
35
показов
Почему после подгрузки (ajax) постов не работает обработчик событий?
на странице есть посты, при нажатии на один из них срабатывает обработчик. при нажатии на кнопку аяксом подгружаются новые посты, но обработчик для них уже не работает. установил обработчик ...
0
голосов
1
ответ
30
показов
Почему при одном клике происходит и добавление обработчика, и его выполнение?
Почему при одном нажатии на кнопку в компоненте App, useEffect в компоненте NewTask сразу объявляет и вызывает обработчик handleClickOutside? Разве не должно быть так, чтобы первый клик (т.е. первый ...
0
голосов
1
ответ
28
показов
Как перезаписать событие на клике JS
Подскажите, пожалуйста, как перезаписать событие для drumsBtns если чекбокс switchDrums отключен?
Сейчас при попытке перезаписать событие у кнопки, у меня просто добавляется событие к уже ранее ...
-1
голос
1
ответ
44
показа
Как повесить событие на кнопку, которая создана функцией?
Как повесить событие на кнопку, которая создана функцией?
Есть функция по созданию кнопки:
export function switchStorageBtn() {
const btnSwap = document.createElement('button');
btnSwap....
0
голосов
0
ответов
25
показов
Почему дублируется обработчик событий?
Есть сайт на котором установлена LightGallery (фотогалерея, https://www.lightgalleryjs.com/docs/settings/). При клике на превью фото открывается два слайдера. Это видно при перелистывании и при ...
-1
голос
1
ответ
20
показов
Сделать лишь часть области активной jQuery sortable
Не могу сделать чтобы была лишь часть области была активной, а перемещался весь блок. К примеру есть div main внутри него еще два и нужно сделать так чтобы поменять родительсике блоки (main) местами ...
0
голосов
0
ответов
59
показов
Как получить текст из инпута?
Подскажите, как получить текст из инпута? Есть такой код:
function createAddBlock() {
const $addBlock = document.createElement('div');
const $selectContacts = document.createElement('select');
...
2
голоса
1
ответ
39
показов
Разница между вызовом события из браузера и из кода
До недавного времени я думал, что при вызове события из кода, происходит ровно то же самое что и при вызове события из браузера. Оказалось это вообще не так, просто в большинстве случаев мы не ...
0
голосов
1
ответ
53
показа
Почему срабатывает pointerleave во время события pointermove на touch устройствах? Слайдер
Пишу свой слайдер на JS. Появилась такая проблема - событие pointerleave на touch устройствах срабатывает во время перетаскивания элементов слайдера и останавливает перетаскивание. Не понимаю как с ...
0
голосов
1
ответ
75
показов
Передача данных из функции в div (React)
При нажатии на кнопку не отображается на экране значение переменной p1. Код на Typescript.
//компонент Main
export function Main() {
//переменные
let p1;
let p2: any = "1";
let a = ...
0
голосов
1
ответ
61
показ
Корзина на чистом js
Даны 3 блока
В левой части страницы – перечень категорий.
При нажатии на категорию в средний блок выводится перечень продуктов данной категории.
Клик на товар – информацию о товаре в правом блоке.
В ...
0
голосов
0
ответов
49
показов
как добавить товар в избранное с помощью куки
Я прям совсем чайник и ни где не написано как это реализовать. Думал вообще через БД попробовать, но это же тогда придется добавлять авторизацию пользователей.
1
голос
0
ответов
28
показов
Как починить динамический select и option через JavaScript? [закрыт]
У меня есть код, который создаёт новые и по нажатию на кнопку. Если пользователь в динамически созданном выбирает "Кнопка", то по нажатию на этот моментально должен появится второй , в ...
0
голосов
0
ответов
21
показ
Как добавить данные из одного input в любой блок (по выбору: 1-ый, 2-ой, 3-ий или 4-ый)?
Нужно сделать возможность добавления текста из элемента input в отдельные блоки. (Сейчас текст выводится из-за заранее выбранного класса (class="textOutput3"), нужно чтобы пользователь сам ...
1
голос
1
ответ
43
показа
Отслеживание событий в javascript
Всем доброго времени суток!
Пишу небольшой скрипт переключения активной картинки у объектов недвижимости, по типу как сделано в Яндекс недвижимости (https://realty.ya.ru/sevastopol/kupit/kvartira/...
0
голосов
1
ответ
48
показов
Нужна помощь по jQuery + convead (сервис событий)
Нужна помощь.
У меня есть скрипт в jQuery (insales), который считывает поле input.
Есть сторонний сервис convead, который должен получать событие, по ключу.
Скрипт срабатывает (проверял alert'ами на ...
0
голосов
1
ответ
42
показа
Передать массив в eventListener
У меня есть чекбокс. При состоянии checked он должен мне выводить таблицу составленную из массива, по состоянию !checked убирать ее. Логику построения самой таблицы сделать легко, но я не могу ...
0
голосов
1
ответ
23
показа
Доброго времени суток, необходимо запустить по клику на кнопку перелистывание слайдов. Но функция начинает работу сразу без клика
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"...
1
голос
1
ответ
48
показов
JavaScript ui-autocomplete не реагируется на focus()
У меня есть проблема с использованием focus() (чтобы поставить фокус в поле поиска после нажатия на кнопку) на элементе, который имеет ui-autocomplete.
<input id="headerSearch" class=&...
0
голосов
0
ответов
26
показов
"Поле content должно быть заполнено", Как сделать обход этой проверки? (<textarea>)
У меня есть код, который я ввожу в консоль, он должен активировать textarea, ввести в нее определенный текст и отправить нажатие кнопки(собственно эти элементы чуть ниже)
<article class="Post ...
0
голосов
3
ответа
76
показов
Не могу сделать чтобы бордеры образовали одну сплошную линию
Есть пример как это должно выглядеть, но я не могу сделать так, чтобы был один бордер серый внизу, при клике на текст, на то же место но под текстом добавлялся новый бордер с другим текстом (как на ...
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 {
...
0
голосов
2
ответа
103
показа
Как при получение значение input провести с ними вычесление?
Есть вот такое задание: Дан input .i-141 и .i-142, type=number. Дан select .s-143, который содержит две операции - +, -, *, / . Дана кнопка b-14, при нажатии на которую срабатывает функция f14. ...
0
голосов
1
ответ
83
показа
Почему при сравнение input выводит не правильное значение
Почему правильно сравнение работает только тогда, когда input2 больше. Мне надо сделать так чтобы мы водили значение в input они сравнивались и выводилось большое
let inputI31 = document....
0
голосов
0
ответов
9
показов
как добавить event на несколько классов в js [дубликат]
const rippleButton = document.querySelector(".ripple-button");
function mousePositionToCustomProp(event, element) {
let posX = event.offsetX;
let ...
0
голосов
1
ответ
214
показов
Как сделать так, чтобы по клике на метку на Яндекс картах происходил переход по ссылке?
Создаю Яндекс.карту с множеством меток которые загружаются посредством object manager из файла .json по примеру из песочницы
Пытаюсь решить задачу, чтобы при клике на метку вместо появления балуна ...
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....
0
голосов
2
ответа
43
показа
Заставить javascript интерпретатор выдавать ошибку если в addEventListener неверное имя события
Есть возможность в javascript интерпретаторе выдавать ошибку если в addEventListener неверное имя события?
Например пишем:
document.addEventListener('onkeydown', function (e) {…});
При выполнении ...
0
голосов
0
ответов
85
показов
Событие не происходит по клику (Wordpress)
Начинающий в JS, поэтому совершенно не могу понять, что делаю не так.
Нужно: отобразить/скрыть блок при нажатии определенной radio кнопки.
Написал такой скрипт:
const samo = document.getElementById('...
0
голосов
1
ответ
37
показов
При добавлении следующих функций, все работает некорректно. Возможно как-то исправить?
https://codepen.io/yasakova/pen/qBopvod
let parent = document.querySelector('.btn');
restartBtn = document.createElement('button');
restartBtn.className.add = 'btn-restart';
...
0
голосов
2
ответа
66
показов
Можно ли по другому сделать кнопки для калькулятора?
Делаю калькулятор и весь код рабочий, но хотел бы узнать, можно ли как-нибудь по другому(более компактно) оформить функцию нажатия кнопок.
let digitsField = document.getElementById("digit-field");
...
0
голосов
1
ответ
148
показов
Что нужно сделать что-бы входящий массив не менялся?
Что значит входящий массив не должен меняться, я как это правильно записать?
const increaseEvenEl = (arr, delta) => {
if(!Array.isArray(arr)){
return null
}
for(let i = 0; i < ...
0
голосов
0
ответов
19
показов
Обработка событий на динамически созданных элементах, JS
Помогите, пожалуйста, разобраться.
есть такая разметка
<div class="wrapper">
<ul class="list">
<li class="list__item1">Кнопка 1</li>
...
0
голосов
0
ответов
83
показа
Помогите разобраться с обработчиком событий
Есть простенькая игра. Таблица с ячейками (плитками) 10х10. Рандомно записывается в массив 10 ячеек и при правильно выборе закрашивается зеленым, если такой ячейки нет в массиве, то красным.
Проблема ...
0
голосов
0
ответов
169
показов
Добавление класса элементу при клонировании из template и возникновении события. Vanilla JS
Всем привет. Помогите разобраться. Есть две радиокнопки с выбором "темы". Есть форма с инпутом и кнопкой для добавления поста пользователем. Есть темплейт с разметкой поста. Нужно чтобы ...
0
голосов
1
ответ
367
показов
Script Google Sheets - редактирование ячеек более 1 раза
Имеется гугл таблица и доступ к ней редакторов, необходимо реализовать чтобы каждый из редакторов мог вносить изменения только один раз в таблицу и не более!?
Задача практически решена, за исключением ...
0
голосов
1
ответ
144
показа
Навигация с помощью стрелок по контейнеру div-ов 3х3
Нужна навигация с помощью стрелок по контейнеру div-ов 3х3
В данном коде пойнтер указывает на 4 стороны вокруг первого элемента, а должен указывать на один из 9 элементов
и клик при нажатии клавиши ...
0
голосов
1
ответ
144
показа
Отслеживание закрытия страницы или ухода с нее
Пишу сайт на фрейме yii2. Понадобилось сделать монопольный доступ к странице редактирования формы update. Для этого использую две переменные edit_on и editor, первая булевая (1 - доступ разрешен, 0 - ...
1
голос
2
ответа
346
показов
При клике на input внутри <td> с listener'ом функция вызывается дважды
Всем привет!
Мне нужна помощь со следующей ситуацией. В разметке html есть следующий блок:
<td class="statistics-section__body-cell statistics-section__body-cell-breakpoint-checkbox flex"&...
0
голосов
1
ответ
65
показов
Как автоматически создать переменную?
У меня есть функция, которая перебирает массив и создает кнопки. Скажите, как я могу создать автоматически для каждой кнопки новую переменную вида
const [test] = useSound(SoundImport.test);
function ...
0
голосов
1
ответ
28
показов
Определить отсутствие игрока на странице и послать запрос на обновление статуса
Тренируюсь на javascript, создаю онлайн игру. Столкнулся с проблемой: необходимо обновлять статус игрока, когда он отсутствует на странице (не активный игрок).
Пробовал использовать события ...
0
голосов
1
ответ
373
показа
Отправка сообщения через Enter не работает
После ввода сообщения в соответствующую форму и нажатия Enter вместо отправки сообщения происходит обновление страницы. Форма Sent работает как нужно.
function sendMessage() {
var ...
2
голоса
1
ответ
26
показов
Опция назначения хоткеев
Как можно реализовать настройку горячих клавиш для пользователя (т.е. я хочу чтоб пользовать мог сам задать сочетание клавиш на определенное действие)?
Заранее спасибо.
0
голосов
1
ответ
80
показов
Как поменять табы местами?
Есть табы. Они работают, но если поменять местами область контента и область списка, то табы перестают работать. Подскажите, пожалуйста, что нужно изменить, чтобы не зависимо от того где находится ...
0
голосов
2
ответа
676
показов
Как наложить клик на все элементы внутри списка?
Есть элемент li, который содержит в себе вложенные div элементы. Я наложил событие на li.
Как мне сделать, чтобы при клике на li и на вложенные div было событие?
<li data-list="3" class=&...
1
голос
1
ответ
45
показов
Скрытие кнопок в зависимости от количества элементов в списках
Что нужно поправить в коде, чтобы когда элементов в списке больше двух - кнопки в этих блоках исчезали?
let btns = document.querySelectorAll('.btn');
let elements = document.querySelectorAll('....
1
голос
1
ответ
54
показа
Кнопки и блоки с одинаковыми классами
Как можно переписать данный код, чтобы по клику на каждую отдельную кнопку доп классы применялись к конкретным span и span2 в рамках одного блока, а не ко всем элементам во всех блоках?
let divs = ...
0
голосов
1
ответ
265
показов
Последовательное изменение цвета квадратов js
Задачка, которая основана на имеющихся кусках кода, ввела меня в ступор. Только изучаю js, поэтому могу не видеть элементарных решений.
Имеются нарисованные квадраты, их стилизация и кнопка.
<input ...
0
голосов
1
ответ
40
показов
OnScrollChange событие
В JS есть event listener scroll .addEventListener('scroll', function(){}) Оно работает пока страница скроллится, есть ли событие как с инпутом к примеру onchange, то есть после того, как скролл ...
1
голос
1
ответ
110
показов
Обернуть содержимое div в ещё один див при скролле на чистом JS
Есть такой код шапки
<header class="header-home">
<div class="container">
<div class="row scroll">
<div class="col-6 col-sm-3 ...