Javascript 文档元素click()方法在应用程序中未触发

Javascript 文档元素click()方法在应用程序中未触发,javascript,angularjs,ionic-framework,dom,dom-events,Javascript,Angularjs,Ionic Framework,Dom,Dom Events,我有一个angular ionic cordova应用程序,我试图触发来自另一个跨度的输入点击(这样我就可以触发cordova中的本机日期时间键盘)。但是,似乎没有在输入字段上触发click事件。查看调试器,document元素的click函数不是null,但从span触发时似乎没有任何作用。正如评论者所指出的,这在普通的JSFIDLE上是有效的,但是在离子环境中,它就不起作用了——请看这个代码笔 {{(当| amCalendar)} 因此,看起来爱奥尼亚拥有自己的点击处理程序,可以消除移动

我有一个angular ionic cordova应用程序,我试图触发来自另一个跨度的输入点击(这样我就可以触发cordova中的本机日期时间键盘)。但是,似乎没有在输入字段上触发click事件。查看调试器,document元素的click函数不是null,但从span触发时似乎没有任何作用。正如评论者所指出的,这在普通的JSFIDLE上是有效的,但是在离子环境中,它就不起作用了——请看这个代码笔


{{(当| amCalendar)}

因此,看起来爱奥尼亚拥有自己的点击处理程序,可以消除移动设备中的300毫秒延迟。我必须删除输入的点击系统,以便触发点击事件


您找到了一个解决方案,使用

但最好是更改代码,不要使用onclick。在Angular/Ionic中,你可以使用ng click。

在这里工作:@tymeJV我也测试过并工作了。hmm一定是在Ionic环境下,我会尝试在这个codepen@PSL上设置一个带有Ionic libs loadedtry的codepen或JSFIDLE,日期选择器会在移动设备上自动打开,因为输入类型是datetime local。我发现ionic有一个干扰的tap系统,在下面回答,ng click或onclick都可以工作,而ng click是我在最终解决方案中使用的。我想在示例中使用onclick来更好地隔离问题谢谢-今天你是我的英雄!
<span onclick="document.getElementById('whenPickerInput').click();">
  {{(when | amCalendar)}}
</span>

<input 
  onclick="alert('input clicked')" 
  id="whenPickerInput" 
  type="datetime-local" 
  ng-model="when" />
<input data-tap-disabled="true" />