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

Question

我有一个 angular ionic cordova 应用程序，我试图在其中触发来自另一个跨度的输入的点击（以便我可以触发 cordova 中的本机日期时间键盘）。但是，点击事件似乎并未在输入字段上触发。查看调试器，document元素的click函数不为null，但从span触发时似乎没有做任何事情。正如评论者所指出的，这适用于普通的 jsfiddle，但在离子环境中时，它不起作用 - 请参阅此 codepen

http://codepen.io/MonkeyBonkey/pen/OPmOrZ

<span onclick="document.getElementById('whenPickerInput').click();">
  {{(when | amCalendar)}}
</span>

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

Answer 1

看来 ionic 有自己的点击处理程序，可以消除移动设备中的 300 毫秒延迟。我必须删除输入的点击系统，这样我才能触发点击事件

http://ionicframework.com/docs/api/page/tap/

<input data-tap-disabled="true" />

Answer 2

您找到了 <input data-tap-disabled="true" /> 的解决方案但更好的办法是更改您的代码并且不要使用 onclick。在 Angular/Ionic 你可以使用 ng-click。

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

Document element click() method not triggering in ionic angular app

javascript

angularjs

ionic-framework

dom

dom-events