移动端触发onmousemoveout事件

最新推荐文章于 2023-03-07 14:30:09 发布

原创最新推荐文章于 2023-03-07 14:30:09 发布 · 7.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IOS #微信 #公众号 #Java #移动开发

移动开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在移动端通过监听touchstart事件来替代onmousemove事件的方法，实现了输入框关键字变化时自动触发搜索的功能。

对于input,移动端不能触发onmousemoveout进行搜索,那么可以使用监听来解决

var addHandler = function(element, type, handler){
			if (element.addEventListener){
				element.addEventListener(type, handler, false);
			} else if (element.attachEvent){
				element.attachEvent("on" + type, handler);
			} else {
				element["on" + type] = handler;
			}
		}

		var move = 'ontouchstart' in document ? 'touchstart' : 'mousemove' ;
 		addHandler(document,move,function(e){
 			var ev = 'ontouchstart' in document ? e.touches[0] : e ;
			//var x = ev.pageX ; // 这样就能在PC 和 手机上都拿到坐标值了
			//var y = ev.pageY 
			//console.log(x); 
			if( keyValue!=$("input[id='keyValue']").val() ){
 	 			keyValue =  $("input[id='keyValue']").val();
	 			type = 2;//不是同一个关键字
	 			search();
			} 
		});

代码直接拷过去就可以使用....对于监听的事件,可以自己定义:ontouchstart(按下手指),ontouchmove(移动手指),ontouchend(移走手指)都可以进行监听