GWT SinkEvent不能正常工作，除非在Firefox上

我正试图在<li>内部的锚点元素上下载一个事件，而<li>上的侦听器正常工作正常，但它不适用于任何其他元素上的锚点。怪异的事情，它的工作FireFox只GWT SinkEvent不能正常工作，除非在Firefox上

的HTML输出是一样的东西：

<li> 
    Some Text 
</li> 
<li> 
    Some Text<a class='myClass'>Anchor</a> 
</li>

Java代码听者

this.eventListener = new EventListener() { 
     @Override 
     public void onBrowserEvent(Event e) { 
      Element elem = e.getTarget(); 

      //This means we want to use the option selection 
      switch (e.getTypeInt()) { 
       case Event.ONCLICK: 

        if (LIElement.is(elem) && !elem.hasClassName('myClass')) { 
         selectOption((LIElement) elem); 
        } else { 
         LIElement li = (LIElement) elem.getParentElement(); 
         createContact(li); 
        } 

        break; 
       case Event.ONMOUSEOVER: 
        //do something 

        break; 
       case Event.ONMOUSEOUT: 
        //do something 
        break; 
      } 

     }//End of onBrowserEvent 
    };//End of event listener

我使用它来创建内容：

LIElement li = Document.get().createLIElement(); 
AnchorElement createContactLI = Document.get().createAnchorElement(); 
createContactLI.addClassName(NEW_CONTACT_CLASS); 
createContactLI.setInnerText("Add new contact"); 
createContactLI.setId("myID"); 
li.appendChild(createContactLI); 
ulPanel.appendChild(li);

这下沉事件：

Event.sinkEvents(ulPanel, Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT); 
Event.setEventListener(ulPanel, this.eventListener);`

我试了一下

Sinked锚的情况下，没有铁锅
包裹anchorElement锚并添加clickHandler事件，没有工作
将anchorElement转换为liElement，没有工作
顺便提一下，处理anchorEl时不会触发断点EMENT
也试过CSS和z索引，没有工作

我所要做的 - 写全功能小部件，这将要花费很长一段时间

你的帮助确实真的很感谢

来源

2014-09-03 Sedz

我想你可能需要添加一个特定的事件处理程序到锚元素。并在锚元素事件侦听器调用。 event.preventDefault（）。否则，浏览器将自动处理默认的定位点击。锚元素可能会捕获点击事件，并且不会将事件传播到您的ulPanel。我知道你在做什么可能会起作用，但是我过去遇到过这个问题，并决定将处理程序添加到li元素本身而不是容器中。 – 2014-09-08 18:34:22

@ChrisHinshaw感谢您的评论，这对我来说很合理。顺便说一句我做了你现在正在做的事情，并使用处理程序来自我元素和传播我停止它，当点击锚点:) – Sedz 2014-09-08 22:08:42

而不是使用com.google.gwt.user.client.Element使用com.google.gwt.dom.client.Element。我不知道你到底在哪里添加你的ulPanel。但以下代码工作：

import com.google.gwt.dom.client.AnchorElement; 
import com.google.gwt.dom.client.DivElement; 
import com.google.gwt.dom.client.Document; 
import com.google.gwt.dom.client.Element; 
import com.google.gwt.dom.client.EventTarget; 
import com.google.gwt.dom.client.LIElement; 
import com.google.gwt.user.client.Event; 
import com.google.gwt.user.client.EventListener; 
import com.google.gwt.user.client.Window; 
import com.google.gwt.user.client.ui.VerticalPanel; 

public class CustomWidget extends VerticalPanel{ 

    public CustomWidget() { 
     DivElement ulPanel = Document.get().createDivElement(); 
     LIElement li = Document.get().createLIElement(); 
     AnchorElement createContactLI = Document.get().createAnchorElement(); 
     createContactLI.addClassName("myclass"); 
     createContactLI.setInnerText("Add new contact"); 
     createContactLI.setId("myID"); 
     li.appendChild(createContactLI); 
     ulPanel.appendChild(li); 

     Event.sinkEvents(ulPanel, Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT); 
     Event.setEventListener(ulPanel, this.eventListener); 

     this.getElement().appendChild(ulPanel); 
    } 

    EventListener eventListener = new EventListener() { 
     @Override 
     public void onBrowserEvent(Event e) { 
      //This means we want to use the option selection 
      switch (e.getTypeInt()) { 
       case Event.ONCLICK: 
        EventTarget eventTarget = e.getEventTarget(); 
        Element elem = Element.as(eventTarget); 
        if (AnchorElement.is(elem) && "myclass".equals(elem.getAttribute("class"))) { 
         Window.alert("clicked anchor element"); 
        } else { 
         LIElement li = (LIElement) elem.getParentElement(); 
         Window.alert("clicked li element"); 
        } 

        break; 
       case Event.ONMOUSEOVER: 
        //do something 

        break; 
       case Event.ONMOUSEOUT: 
        //do something 
        break; 
      } 

     }//End of onBrowserEvent 
    };//End of event listener 

}

来源

2014-09-05 13:25:03 pratZ

但是，为什么，你的解释是什么？顺便说一下，我没有测试这个呢 – Sedz 2014-09-06 19:34:28

尝试在onLoad（）小部件生命周期方法中初始化您的代码。

@Override 
     protected void onLoad() { 
    radioButton = DOM.getElementById("radio_green_id_1").cast(); 
    radioButton.setId(DOM.createUniqueId()); 

Event.sinkEvents(ulPanel, Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT); 
Event.setEventListener(ulPanel, this.eventListener); 

     }

来源

2015-09-13 06:13:16

GWT SinkEvent不能正常工作，除非在Firefox上

回答

相关问题