【发布时间】：2016-05-26 02:12:07
【问题描述】：
我正在构建这个自定义布局，并且我在 Firefox 上遇到了一些奇怪的事情。
如您所见，无论是通过选项卡还是在 Firefox 上单击鼠标，图像都无法聚焦。这在 Chrome 上运行良好。它们确实需要是图像，因为最终产品将是 svg，并且它们都需要可点击且可通过键盘访问！
这是我的 JS 代码
if ( jQuery(window).width() > 900) {
//Execute only when width is greater than 900px
var circles = document.getElementsByClassName("js-circle"),
text = document.getElementsByClassName("js-text"),
buttons = document.getElementsByClassName("js-button");
for (var i = 0; i < circles.length; i++) {
console.log("assign listeners");
assignListeners(i);
}
function assignListeners(i) {
(function(i) {
circles[i].addEventListener('focus', function(e) {
console.log(circles[i]);
reveal(e, i);
}, false);
buttons[i].addEventListener('blur', function(e) {
hide(e, i);
}, false);
}(i));
}
function reveal(e, i) {
jQuery(text[i]).fadeIn();
}
function hide(e, i) {
jQuery(text[i]).fadeOut();
}
}
【问题讨论】：
标签： javascript jquery html css firefox