个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在研究移动过滤器。有几个按钮。单击每个按钮后接收类active-filter-btns。我做了一切，但在 Firefox 测试期间，我收到错误 ReferenceError: event is not Defined。 Chrome 和 Safari 工作正常。对于 Mozilla 看到错误的原因以及如何修复它有什么想法吗？或者也许有不同的方式来添加事件类？
HTML:
<div id="search-btns" class="filter-btns">
<button id="filter-btn-all" class="filter-btn" onclick="Project.Search.selectCategory(this.id)">A - Z</button>
<button id="filter-btn-provider" class="filter-btn" onclick="Project.Search.selectCategory(this.id)">Providers</button>
<button id="filter-btn-jackpot" class="filter-btn" onclick="Project.Search.selectCategory(this.id)">Jackpot</button>
</div>
JS:
Project.Search.selectCategory = function(event) {
if(event.target.classList.contains('active-filter-btns')){
this.showCategories();
} else {
switch(e) {
case "filter-btn-all":
this.showAllGames();
break;
case "filter-btn-provider":
this.showProviders();
break;
case "filter-btn-jackpot":
this.showJackpotGames();
break;
}
}
if (!event.target.classList.contains('filter-btn'))
return;
event.target.classList.toggle('active-filter-btns');
let links = document.querySelectorAll('.filter-btn');
for (let i = 0; i < links.length; i++) {
if (links[i] === event.target)
continue;
links[i].classList.remove('active-filter-btns');
}
};
最佳答案
试试这个，在 Firefox 中，你必须传递事件对象。
Project.Search.selectCategory = function(event) {
if(event.target.classList.contains('active-filter-btns')){
this.showCategories();
} else {
switch(event.target.id) {
case "filter-btn-all":
this.showAllGames();
break;
case "filter-btn-provider":
this.showProviders();
break;
case "filter-btn-jackpot":
this.showJackpotGames();
break;
}
}
if (!event.target.classList.contains('filter-btn')) {
return;
}
event.target.classList.toggle('active-filter-btns');
let links = document.querySelectorAll('.filter-btn');
for (let i = 0; i < links.length; i++) {
if (links[i] === event.target) {
continue;
}
links[i].classList.remove('active-filter-btns');
}
};<div id="search-btns" class="filter-btns">
<button id="filter-btn-all" class="filter-btn" onclick="Project.Search.selectCategory(event)">A - Z</button>
<button id="filter-btn-provider" class="filter-btn" onclick="Project.Search.selectCategory(event)">Providers</button>
<button id="filter-btn-jackpot" class="filter-btn" onclick="Project.Search.selectCategory(event)">Jackpot</button>
</div>这个演示可以说明原因:您必须在 onclick 中将事件作为参数传递
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span id="counter" onclick="test(this.id,event)">1,234,567.15</span>
</body>
<script>
function test(event) {
console.log(arguments[0]);
console.log(arguments[1]);
}
</script>
</html>如果没有通过，它将是未定义的，如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title><!--
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> -->
</head>
<body>
<span id="counter" onclick="test(this.id)">1,234,567.15</span>
</body>
<script>
function test(event) {
console.log(arguments[0]);
console.log(event);//counter,because you pass id 'counter' ,you didn't pass event
}
</script>
</html>关于javascript - 引用错误 - Mozilla Firefox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48680496/
26
4
0
有没有人能够构建静态链接的 NSS？我实际上只需要构建静态链接的 certutil 和 pk12util。我已经看到 Chromium 正在静态构建 NSS，他们甚至有一个补丁文件，但整个构建过程非常
我正在尝试使用下面的 css 和 html 代码在弹出窗口的底部应用空间，因为我只有 mozilla 浏览器有问题，我在弹出窗口的末尾没有获得空间。下面是我的代码我已经使用过，但我需要减少 chrom
我使用下面的行，这样当我单击“新建”按钮时，它将清空所有字段。使用 onClick="history.go(0)"在 IE 中有效，但在 Mozilla 中失败。 最佳答案 要清空所有字段，请使
我尝试在一个简单的 A-Frame WebVR 应用程序上禁用检查器，但没有成功。 尝试使用 JavaScript 来使用并禁用按键 Ctrl + Alt + I。但是，Inspector 仍在加载。
我正在做一个项目，现在正在测试中。需要使网站与所有现代兼容，并至少使它们与每个主要浏览器的 2 个旧版本兼容。 为此，我在 IE 中使用了 IE F12 工具，以切换到 IE 9、8、7 View 。
我在项目中将gulp与autoprefixer一起使用，并且必须像这样使用背景渐变: background: linear-gradient(#e98a00, #f5aa2f); 但输出是: back
如果我想限制电子邮件地址访问网站，使用 Persona 有哪些优势？我必须以相同的方式管理我服务器上的授权电子邮件地址吗？缺少什么？ 最佳答案 在您的网站上使用 Persona 的两个主要优点是: 您
Thunderbird的过滤机制非常适合简单的事情。 但我想做类似的事情 （如果邮件包含xy或发件人为yz）并且状态已读取，请移至回收站 问题是，一个过滤器规则只能匹配任何（= OR）或所有（= AN
有一个奇怪的 webVR Mozilla A-Frame 问题 所以我在 a-curvedimage 标签中加载图像(里面有一些动画内容)，如下所示: 我正在检查 chrome 中的网络
我觉得其中缺少了一些东西。这是: 嵌套函数和闭包 您可以在函数中嵌套函数。嵌套(内部)函数对其包含(外部)函数是私有(private)的。它还形成了一个封闭。闭包是一个表达式(通常是一个函数)，它可以
JS BIN Attempt 尝试按照示例进行操作，但似乎不起作用。有点困惑，因为它是 Mozilla。 Mozilla 最佳答案 正如 @Xaerxess 提到的，当 DOM 准备好进行操作时，您需
我需要制作一个可以在每个页面和浏览器上运行的按钮，可以从文本区域复制输入。我正在尝试使用以下函数来做到这一点: selectElementContents: function(){ el
我需要一个粘性栏在一定的滚动后可见并固定。我打算使用滚动事件，然后我遇到了 Mozilla 页面，该页面建议使用 window.requestAnimationFrame 如下: var last_k
我希望我的元素具有多种颜色的清晰背景渐变。在 Chrome 上运行良好，但在 Firefox 上过渡时边缘模糊。 这里有一些例子: 火狐: Chrome : 如何让它在 Firefox 上运行？ .f
为什么这是Webkit用户代理: Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.27+ (KHTML, like Gecko) Version
我正在尝试使用 JavaScript 创建一个游戏，但在此过程中我发现了 Firefox 中的一个错误。游戏很简单。您应该猜测 RGB 十六进制代码中的颜色是什么。有6个框，您应该单击该框，如果错误或
我在 Mozilla 和 Chrome 中都有一个扩展，在我的扩展中我调用了一个远程 JS 文件。 为了避免 Chrome 中的 CSP，我将规则添加到 manifest.json 并且我的文件通过
我找到了一种将我的 Chrome 扩展程序转换为模块的便捷方法(更易于维护等)。我是这样做的https://stackoverflow.com/a/53033388/9182284 (把backgro
我有以下代码来设置选择框的样式，它在 chrome 中完美运行，但在 mozilla fire fox 27.0 中运行不正常 .select-box { line-height: inhe
我没有询问变换原点。我问为什么动画在 mozilla 上不起作用 我一直在 Mozilla 上做一些动画 svg。我在 Chrome 中尝试过的动画效果非常好，但是当我在 mozilla 上测试时效果
我是一名优秀的程序员,十分优秀！