javascript - 无法在网页上读取 null 的属性“addEventListener”
问题描述
我尝试使用鼠标事件使我的图像幻灯片可滚动,但我的网页上出现 thsi 错误。我怎么解决这个问题
下面是我的javascript代码;
var slider = document.querySelector('card-slider-wrapper');
let isDown = false;
let startX;
let scrollLeft;
slider.addEventListener('mousedown', (e) => {
isDown = true;
slider.classList.add('active');
startX = e.pageX - slider.offsetLeft;
scrollLeft = slider.scrollLeft;
console.log(startX);
});
slider.addEventListener('mouseleave', () => {
isDown = false;
slider.classList.remove('active');
});
slider.addEventListener('mouseup', () => {
isDown = false;
slider.classList.add('active');
});
slider.addEventListener('mousemove', (e) => {
if (!isDown) return;
e.preventDefault();
const x = e.pageX - slider.offsetLeft;
const walk = (x - startX) * 3;
slider.scrollLeft = scrollLeft - walk;
});
解决方案
缺少类或 ID 标识符,
应该是
document.querySelector('.card-slider-wrapper')
或者
document.querySelector('#card-slider-wrapper')
推荐阅读
- python - 当 Pyspark UDF 的 return 语句中的 func 调用没有返回输出
- go - 执行多个 switch case
- ios - UIAlertController 太小
- kubernetes - Kubernetes:仅执行命令外壳容器
- java - Apache POI 仅读取大型 Excel 文件的第一行
- node.js - 没有找不到模块'fs':我已经尝试了所有可用的链接来解决这个问题
- android - Firebase 动态链接,以编程方式为 Android 定义链接行为
- python - Stackstorm 2.7 webhook“AccessRefused:403”错误
- c# - 带有文本框选择更改事件的“输入字符串格式不正确”
- regex - 如何替换或替换所有字符,但不是引号内的字符?(谷歌表格)