Javascript iPhone的点击和鼠标移动?
我在鼠标悬停和单击事件方面遇到问题。它适用于台式机/笔记本电脑的网络浏览器,但不适用于iPhone的Safari。代码如下:Javascript iPhone的点击和鼠标移动?,javascript,jquery,html,ios,iphone,Javascript,Jquery,Html,Ios,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('mousemov
<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>
函数tog(v){return v?'addClass':'removeClass';}
$(document).on('input','.clearable',function(){
$(此)[tog(此值)]('x');
}).on('mousemove','.x',函数(e){
$(this)[tog(this.offsetWidth-100
X是出现在每个搜索字段中的清晰图标,但我无法在iPhone上“单击”它。为touchmove替换“mousemove”无效。我不能适应任何jQuery移动插件不幸的是,我是一个noob编码。非常感谢。“您好”您必须为iphone使用
touchstart
和touchmove
如上所述,iphone浏览器safari没有鼠标,因此您需要使用touchstart和touchmove事件
看看这个。请注意,firefox mobile和safari以类似的方式处理touch,MDN文档比w3c文档更有用
以及W3c文档:
你能给我介绍一下吗?你可以简单地使用它:。。。on('mousemove touchmove','.x',函数(e){//do sth});和:在('click touchstart',函数(e){//do sth});Fot test写一些简单的脚本如下:$('some selector')。关于('touchtstart',function(){alert('touchtstart')})它的工作?还是没有,太令人沮丧了!你认为你可以用我的代码来修改答案吗?谢谢,但我想找一个更具体的版本来修改我的模型