最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

html中如何使用js实现长按功能(代码)

来源:动视网 责编:小采 时间:2020-11-27 15:24:23
文档

html中如何使用js实现长按功能(代码)

html中如何使用js实现长按功能(代码):本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。//下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就私聊 <script> var timeOutEvent=0;
推荐度:
导读html中如何使用js实现长按功能(代码):本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。//下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就私聊 <script> var timeOutEvent=0;


本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

//下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就私聊

 <script>
 var timeOutEvent=0; 
 function gtouchstart(){
 timeOutEvent = setTimeout(longPress(),500); 
 return false; 
 //单击开始计时 500代表0.5秒
 //如果longPress()需要传参得写成下面注释中的代码
 //timeOutEvent = setTimeout(function(){ longPress(url);},500);
 }; function gtouchend(){
 clearTimeout(timeOutEvent); 
 if(timeOutEvent!=0){
 alert('单击执行代码区');
 } 
 return false;
 }; 
 function gtouchmove(){
 clearTimeout(timeOutEvent);
 timeOutEvent = 0;
 alert('单击未松开直接滑动的执行代码区,默认取消任何操作');
 }; 
 function longPress(){
 timeOutEvent = 0;
 alert('长按执行代码区');
 } </script>

//下面是加在超链接中的调用例子 第一个判断长按执行 第二个判断点击执行

<A ontouchstart="gtouchstart()" ontouchend="gtouchend()" ontouchmove="gtouchmove()" >点击或者长按</A>`

文档

html中如何使用js实现长按功能(代码)

html中如何使用js实现长按功能(代码):本篇文章给大家带来的内容是关于html中如何使用js实现长按功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。//下面是js代码 直接复制粘贴即可 下面有调用例子 看不懂就私聊 <script> var timeOutEvent=0;
推荐度:
标签: 功能 实现 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top