单击并移动iPhone

我在鼠标悬停和单击事件时遇到问题。它适用于台式机/笔记本电脑网络浏览器，但不适用于iPhone的Safari。这是代码：

<script type="text/javascript">
function tog(v){return v?'addClass':'removeClass';} 
$(document).on('input', '.clearable', function(){
$(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function( e ){
$(this)[tog(this.offsetWidth-100 < e.clientX-this.getBoundingClientRect().left)]('onX');   
}).on('click', '.onX', function(){
$(this).removeClass('x onX').val('');
});
</script>

X是出现在每个搜索字段中的清晰图标，但我无法在iPhone上"单击"它。将"鼠标移动"替换为触摸移动不起作用。不幸的是，我无法适应任何jQuery Mobile插件，我是一个菜鸟编码。谢谢！快乐的哈洛'