Uncaught TypeError: невозможно прочитать свойство clientX, равное undefined, при передаче события

При попытке запустить такой код в браузере:

var k = function(e) {
    return e.clientX;
};
var abc = function() {
    alert(k());
};
document.querySelector("body").addEventListener("click", abc);

Отображается ошибка:

Uncaught TypeError: Cannot read property 'clientX' of undefined

При этом, когда я показываю результат события, не передавая его другой функции, все работает

 var k = function(e) {
     alert(e.clientX);
};
document.querySelector("body").addEventListener("click", k);

Что я делаю неправильно ?

У вас нет pageY в коде вашего вопроса. Кроме того, если k принимает аргумент, от которого он зависит, вы должны передать ему аргумент.

— 27.10.2018 01:10

javascript google-chrome

27.10.2018 01:09

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

186

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

k ожидает событие как аргумент. Вам нужно добавить этот параметр в функцию abc, а затем передать его при вызове k.

var k = function(e) {
  return e.clientX;
};
var abc = function(event) {
  alert(k(event));
};
document.querySelector("body").addEventListener("click", abc);

Click on the text here.

27.10.2018 01:14

Ответ принят как подходящий

Когда вы выполняете

document.querySelector("body").addEventListener("click", abc);

в функции abc () вы получите событие как параметр, поэтому вы можете объявить функцию abc, как показано ниже,

var abc = function(event) {
    alert(k());
};

чтобы получить желаемый результат, вам нужно передать событие функции k (), как показано ниже

var abc = function(event) {
    alert(k(event));
};

27.10.2018 01:15

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

Bootstrap 4 Ошибка открытия модального окна

Chrome и Edge по-разному обрабатывают флажок "Неопределенный" при установленном флажке

Скрипт, выполняющий 2x, является ожидаемым поведением или ошибкой в Chrome + Firefox?

Почему Tampermonkey не обрабатывает мой пользовательский скрипт для некоторых проблем с Jira?

Уведомление на рабочем столе не отображается в Chrome

CSS-инъекция расширения Chrome с сохраненными пользователем значениями?

Невозможно воспроизвести контент DRM в режиме Chrome без головы

Поведение ShadowDOMV0 с Polyfill с флагом --disabled-blink-features

ОШИБКА: gpu_process_transportfactory.cc (1`017) Потерян общий контекст пользовательского интерфейса с безголовым хромом

Selenium webdriver для Chrome не сохраняет скриншоты по указанному пути

Uncaught TypeError: невозможно прочитать свойство clientX, равное undefined, при передаче события

Ответы 2

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

Похожие вопросы