Question

我有像这样的PDF.js查看器HTML结构：

<body>
  <div id="outerContainer">
   <div id="sidebarContainer"></div>
   <div id="mainContainer">
    ...
    ...
   <div id="viewContainer">
   <div id="viewer">
     <div class="page" data-page-number="1"></div>
     <div class="page" data-page-number="2"></div>
     <div class="page" data-page-number="3"></div>
     ...
     ...
   </div>
   </div>
   </div>
  </div>
</body>

当我尝试附加点击jQuery处理程序时，Chrome，Edge，Internet Explorer中的一切正常，但它在Firefox中不起作用。

我尝试了两个委托事件并直接附加了侦听器：

$("body").on("click", ".page", function(e){
    console.log("Clicked");
});

和

$(".page").on("click", function(e) {
   console.log("Clicked");
});

在Firefox中，我只是在点击文本而不是在页面的白边上时才触发事件。在其他浏览器中，只要我点击带有.page。的页面就会触发事件。

PDF.js Firefox点击不起作用

0 个答案: