Question

我有一个显示登录表单的gwt应用程序。我无法使用Android Chrome点击输入字段。我可以使用默认的Android浏览器和桌面浏览器来完成它。

<html><head>
  ...
<body >
<div >
    ...
</div>
<div id="main-header" >

   <div class="header down">
       <div class="face1"> 
          <div class="logo" debugid="header_logo" style="background-image: url(&quot;/logo_main.png&quot;);">
          </div> 
       </div>
       <div class="face2"></div>
   </div>
</div>
<div >
    <div id="container" class="box">

      <form action="check" class="loginForm" method="POST"><div></div> 
         <input name="username" type="text"> 
         <input name="password" type="password"> 
         <input name="_spring_security_remember_me" type="checkbox" value="yes"> 
         <button type="submit">Sign In</button>
      </form>
   </div>
</div>

<script type="text/javascript" language="javascript" src="a.nocache.js"></script>


    <iframe src='javascript:""' 
           id="a" tabindex="-1" 
           style="position: absolute; width: 0px; height: 0px; border: none; left: -1000px; top: -1000px;"></iframe>
    <div aria-hidden="true" style="display: none;">
</div>
</body>
</html>

我检查过元素没有重叠。我添加了一个监听器，点击了

之类的事件

document.addEventListener("click", function(evt){
    console.log(evt);
 });

记录显示文本字段接收点击事件但继续保持不专心。我检查这样的焦点事件：

document.getElementsByName("username")[0].addEventListener("focus",         function(evt) {
    console.log("username focus " + evt);
});

我没有使用Android Chrome收到焦点事件。但是使用桌面Chrome接收它们。

我也无法使用Android Chrome调整页面大小或滚动页面。

我可以通过使用这样的js脚本来破解这个bug：

document.addEventListener("click", function(evt){
    console.log(evt.target.focus());
 });

但我无法弄清楚导致问题的原因。我在Chrome或GWT中找不到任何已确认的错误。我应该寻找什么？

Android Chrome版本：47.0.2526.83

Answer 1

您是否尝试过使用“touchend”代替“click”，如：

document.addEventListener("touchend", function(evt){

Android Chrome

1 个答案: