电脑端鼠标点击事件可以用.click()方法来模拟点击，手机端用click()方法模
电脑端鼠标点击事件可以用.click()方法来模拟点击，手机端用click()方法模拟点击无效，手机端touch事件怎么模拟点击...
电脑端鼠标点击事件可以用.click()方法来模拟点击，手机端用click()方法模拟点击无效，手机端touch事件怎么模拟点击
展开
展开全部
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>触摸屏自动触发事件</title>
<style>.div{
height:100px; width:100px; background:#0FF; border: double 2px #996666;
}
</style>
</head>
<body>
<div class='div' id='bot'>移动端模拟触发事件</div>
<button onclick="zidongchufashijian (bot)">移动端模拟触发事件</button>
<script>
var bot = document.getElementById('bot');
bot.addEventListener('touchstart', function () { bot.innerHTML="手指点击"},false); //添加触摸事件
//-------------------自动触发事件开始-------------------------
function zidongchufashijian (el) {
var Event = document.createEvent('Event');//定义和用法createEvent() 方法创建新的 Event 对象。
Event.initEvent('touchstart', true, true); //initEvent()初始化新事件对象的属性
el.dispatchEvent(Event); //dispatchEvent() 方法给节点发送一个事件。
}
//-----------------自动触发事件结束--------------------------
bot.addEventListener("touchend",function () { bot.innerHTML="手指离开";},false);
bot.addEventListener("touchmove",function () { bot.innerHTML="手指滑动";
},false);
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>触摸屏自动触发事件</title>
<style>.div{
height:100px; width:100px; background:#0FF; border: double 2px #996666;
}
</style>
</head>
<body>
<div class='div' id='bot'>移动端模拟触发事件</div>
<button onclick="zidongchufashijian (bot)">移动端模拟触发事件</button>
<script>
var bot = document.getElementById('bot');
bot.addEventListener('touchstart', function () { bot.innerHTML="手指点击"},false); //添加触摸事件
//-------------------自动触发事件开始-------------------------
function zidongchufashijian (el) {
var Event = document.createEvent('Event');//定义和用法createEvent() 方法创建新的 Event 对象。
Event.initEvent('touchstart', true, true); //initEvent()初始化新事件对象的属性
el.dispatchEvent(Event); //dispatchEvent() 方法给节点发送一个事件。
}
//-----------------自动触发事件结束--------------------------
bot.addEventListener("touchend",function () { bot.innerHTML="手指离开";},false);
bot.addEventListener("touchmove",function () { bot.innerHTML="手指滑动";
},false);
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
