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

Question

I have an angular ionic cordova app where I'm trying to trigger the click of an input from another span (so that I can trigger the native datetime keyboard in cordova) . However the click event doesn't seem to be triggered on the input field. Looking at the debugger, the click function of the document element is not null, but doesn't seem to do anything when triggered from the span. This works on a normal jsfiddle as commenters have noted, but when in an ionic environment, it doesn't - see this 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" />

hmm must be something with the ionic enviroment, I'll try to set up a codepen or jsfiddle with the ionic libs loaded — MonkeyBonkey
– MonkeyBonkey, Commented Jan 20, 2015 at 14:33
@PSL the datepicker opens automatically on mobile devices because the input type is datetime-local. Figured out that ionic has a tap system that is interfering, answer below — MonkeyBonkey
– MonkeyBonkey, Commented Jan 20, 2015 at 15:26

MonkeyBonkey · Accepted Answer · 2015-01-20 15:24:35Z

3

so it looks like ionic has it's own click handler that removes the 300ms delay in mobile. I have to remove that tap system for the input so that I can trigger the click event

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

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

answered Jan 20, 2015 at 15:24

MonkeyBonkey

48.1k83 gold badges273 silver badges481 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

micha · Accepted Answer · 2015-01-20 15:50:40Z

0

You found a solution with <input data-tap-disabled="true" /> But better will be to change your code and don't use onclick. In Angular/Ionic u can use ng-click.

answered Jan 20, 2015 at 15:50

micha

1,23810 silver badges7 bronze badges

1 Comment

MonkeyBonkey Over a year ago

sure, ng-click or onclick will both work - and ng-click is what I used in my final solution. I wanted to use onclick in the example to better isolate the problem

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related