<p dir="auto">Event do not trigger when node do not have "cursor: pointer" style on it.</p>
<p dir="auto">Here you have an example:<br>
<a href="http://jsfiddle.net/kb3gN/1345/" rel="nofollow">http://jsfiddle.net/kb3gN/1345/</a></p>
<p dir="auto">iOS Safari really doesn't want you clicking anything that's not an <code class="notranslate">&lt;a&gt;</code> tag. This is a known issue: <a href="http://stackoverflow.com/questions/5421659/html-label-command-doesnt-work-in-iphone-browser/6472181#6472181" rel="nofollow">http://stackoverflow.com/questions/5421659/html-label-command-doesnt-work-in-iphone-browser/6472181#6472181</a></p>
<p dir="auto">The way you fix this is by putting an empty "onclick" attribute on nodes you wish to emit click events. Yep.</p>
<p dir="auto">So presumably:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="div({onClick: function(){alert('clicked');}}, 'click me');"><pre class="notranslate"><code class="notranslate">div({onClick: function(){alert('clicked');}}, 'click me');
</code></pre></div>
<p dir="auto">should emit:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div onclick&gt;click me&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div onclick&gt;click me&lt;/div&gt;
</code></pre></div>
<p dir="auto">on iOS. Ensuring that the click event is actually reachable from an iOS device.</p>
<p dir="auto">As the stack overflow link points out, this is also an issue for <code class="notranslate">&lt;label&gt;</code> elements associated with <code class="notranslate">&lt;input&gt;</code> elements. In order to behave as a clickable label, they must also include an empty "onclick" attribute.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="label(null, input({type: 'checkbox'}), check me);
&lt;label onclick&gt;&lt;input type=&quot;checkbox&gt; check me&lt;/label&gt;"><pre class="notranslate"><code class="notranslate">label(null, input({type: 'checkbox'}), check me);
&lt;label onclick&gt;&lt;input type="checkbox&gt; check me&lt;/label&gt;
</code></pre></div>