在 Android 和 iPhone 的 JS 中的链接标签上触发点击事件

Question

我正在使用 Sencha Touch（JavaScript 和 ExtJS）开发移动 Web 应用程序。我有一个链接标签（只是带有href 的<a> 标签），我需要在上面触发click 事件。
我发现myelement.dom.click(); 的调用可以完成这项工作，但它不适用于 Android... 是否有某种通用解决方案？

更新

我有一个带有 html 代码的容器：

<a href="http://google.com" id="link_to_click" target="_blank">CLICK ME</a>

我只需要使用普通的 JavaScript 和 ExtJS 来模拟点击此链接。该链接必须在新窗口/标签中打开。

Answer 1

使用HTMLEvents 对象和document.createEvent() 来模拟对链接的点击。

var link = document.getElementById( 'link_to_click' ),
    event = document.createEvent( 'HTMLEvents' );

event.initEvent( 'click', true, true );
link.dispatchEvent( event );

Answer 2

//安卓

WebView wv = (WebView) findViewById(R.id.webview);
wv.getSettings().setJavaScriptEnabled(true);

//javascript

function bindIcons() {

            jQuery("a.icons").bind('mouseover mouseout mousedown mouseup focus blur touchstart touchend', function (e){
              if (typeof console !== "undefined" ) console.log(e);
              if (e.type=='mouseover' || e.type=='focus') 
              {
                jQuery(e.currentTarget).toggleClass('over',true);
              }

              if (e.type=='mousedown' || e.type=='touchstart') 
              {
                jQuery(e.currentTarget).toggleClass('down',true);
              }

              if (e.type=='mouseout' || e.type=='mouseup' || e.type=='touchend' || e.type=='blur') 
              {
                jQuery(e.currentTarget).toggleClass('down',false);
                jQuery(e.currentTarget).toggleClass('over',false);
              }
            });

            if (isAndroid())
               jQuery("a.ifandroid").attr("href","javascript:ifAndroid();");
            else
               jQuery("a.ifandroid").toggleClass('ifandroid',false);

      }