Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/wpf/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iPhone的点击和鼠标移动?_Javascript_Jquery_Html_Ios_Iphone - Fatal编程技术网

Javascript iPhone的点击和鼠标移动?

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

我在鼠标悬停和单击事件方面遇到问题。它适用于台式机/笔记本电脑的网络浏览器,但不适用于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>

函数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')})它的工作?还是没有,太令人沮丧了!你认为你可以用我的代码来修改答案吗?谢谢,但我想找一个更具体的版本来修改我的模型