如何将 CSS AnimationEnd 事件处理程序添加到 GWT 小部件?

2023-12-01

我希望我的 GWT 小部件在其CSS动画结束了。

在纯 HTML/Javascript 中,这可以通过注册事件处理程序轻松完成,如下所示:

elem.addEventListener("webkitAnimationEnd", function(){
    // do something
}, false);
// add more for Mozilla etc.

我怎样才能在 GWT 中做到这一点?

GWT 不知道此类事件DOMImpl类,所以我不断收到错误:

"尝试接收未知事件类型 webkitAnimationEnd".


根据达特尼乌斯的回答和克莱·伦哈特的博客,我最终选择了这个解决方案:

private native void registerAnimationEndHandler(final Element pElement,
    final CbAnimationEndHandlerIF pHandler)
/*-{
    var callback = function(){
       [email protected]::onAnimationEnd()();
    }
    if (navigator.userAgent.indexOf('MSIE') < 0) {  // no MSIE support
       pElement.addEventListener("webkitAnimationEnd", callback, false); // Webkit
       pElement.addEventListener("animationend", callback, false); // Mozilla
    }
}-*/;

The CbAnimationEndHandlerIF是一个简单的习惯EventHandler界面:

public interface CbAnimationEndHandlerIF extends EventHandler
{
    void onAnimationEnd();
}

奇迹般有效!谢谢达提尼乌斯!

如果有人能发现其中的弱点,我当然很乐意知道。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将 CSS AnimationEnd 事件处理程序添加到 GWT 小部件? 的相关文章