文档元素click()方法不会在离子角应用程序中触发

时间:2015-01-20 14:23:28

标签: javascript angularjs dom javascript-events ionic-framework

我有一个角度离子cordova应用程序,我试图触发另一个跨度的输入点击(这样我就可以在cordova中触发本机日期时间键盘)。但是,单击事件似乎不会在输入字段上触发。查看调试器,document元素的click函数不是null,但是当从span中触发时似乎没有做任何事情。正如评论者所指出的那样,这适用于普通的jsfiddle,但是当它处于离子环境中时,它并没有 - 看到这个编码器

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" />

2 个答案:

答案 0 :(得分:3)

所以看起来离子有它自己的点击处理程序,可以消除移动设备中的300毫秒延迟。我必须为输入删除该tap系统,以便我可以触发click事件

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

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

答案 1 :(得分:0)

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