当前位置:首页 » 编程软件 » js长按脚本

js长按脚本

发布时间: 2023-04-29 13:55:18

Ⅰ Js实现长按事件

最近在做一个项目樱昌,点击一个按钮,弹出一张图片,长按图片保存图片,点击图片图片隐藏。
在做的时候发现,当我们长按图片的时卖裤候也会执行点击图片的事件,脊配扒这时候我们就需要判断长按事件和点击事件了。
html

js

Ⅱ 单纯使用js或者jq如何实现 手机web的长按事件 和按键事件

$(function(){
var obj = document.getElementsByClassName('touch');
for (var i = 0; i < obj.length; i++) {
obj[i].addEventListener('touchstart', function(event) {
var i = 0;
var _this = $(this);
timer = setInterval(function(){
i+=10;
if(i >= 1000){
i = 0;
lognPress();
} else {
//这里写onclick要执行的事件哗冲
}
},10)

});
obj[i].addEventListener('touchend', function(event) {
clearTimeout(timer);
}, false);
}
})
var time = 0;
function lognPress(){
var type = $(obj[i]).find('.AtFlag_s').val();
var info = "";
if (type == "0") {
info = "您确定取消关注?"
} else {
info = "您即将关基穗注该班乱锋歼级!";
}
AppDaliog.confirm(info, "", function() {
update_Attention(obj[i]);
});
}

Ⅲ JS 监听键盘上某个键的长按事件。

window对象有两个方法来实姿兆伍现定时功能猜历,即
window.setTimeout()
,用来在制定时间后运行
window.setInterval()
,用来指定每隔一段时间重复运行
以及window.clearInterval()用来清除定时
用按钮的
onmousedown
,
onmouseup
,
onclick
事件组迹或合来实现以下功能
代码如下
<script>
var
plusview;
var
minusview;
var
a=0;
function
hello(){
document.getElementById("resultspan").innerHTML="5秒钟后显示我!!!长案按钮显示效果";
}
window.setTimeout("hello()",5000);
function
viewpluslong()
{
plusview=window.setInterval("viewplus()",100);
}
function
stopplus()
{
window.clearInterval(plusview);
}
function
viewminuslong()
{
minusview=window.setInterval("viewminus()",100);
}
function
stopminus()
{
window.clearInterval(minusview);
}
function
viewplus()
{
a=a+1;
document.getElementById("resultspan").innerHTML=a.toString();
}
function
viewminus()
{
a=a-1;
document.getElementById("resultspan").innerHTML=a.toString();}
</script>
<html>
<input
id="buttondown"
type="button"
value="<<
-减
"
onclick="viewminus();"
onmousedown="viewminuslong();"
onmouseup="stopminus();"
/>
<input
id="buttonup"
type="button"
value="加
+
>>"
onclick="viewplus();"
onmousedown="viewpluslong();"
onmouseup="stopplus();"
/>
(按住按钮不放可连续缩放)
</br>
result
is
:
<span
id="resultspan"
style="color:red;"></span>
</html>

Ⅳ 求问,auto.js如何写单次点击时,点击下去延迟50毫秒后在松开,就是长按50毫秒

click(x,y)

这个函数,系统默认的时间是150毫秒左右。

你说的50毫秒,就算不上长按。

autojs的长按函数,是

longClick(x,y)

模拟长按坐标(x,y),并返回是否成功。只有在长按执行完成(大约600毫秒)时脚本才会继续执行。

一般而言,只有长按过程中被其他事件中断(例如用户自行点击)才会长按失败。

还有一个函数:

press(x, y, ration)

模拟按住坐标(x, y), 并返回是否成功。只有按住操作执行完成时脚本才会继续执行。

如果按住时间过短,那么会被系统认为是点击;如果时长超过500毫秒,则认为是长按。

一般而言,只有按住过程中被其他事件中断才会操作失败。

ration参数,就是按住屏幕的时长。

Ⅳ 网页中如何用js实现微信中的长按识别二维码的功能吗

具体实现方法如下:

1、打开任意页面

Ⅵ 2、react使用原生js模拟长按操作

 

touchstart :手指触摸到一个 DOM 元素时触发。

touchend :手指从一陪蠢个 DOM 元素如举上移开时触发。

touchmove :手指在芦橡陪一个 DOM 元素上滑动时触发。

思路是,在触发 touchstart 时设置一个定时器 setInterval(longPress(),500) ,指定时间后执行长按的操作(如500ms),在执行完长按的操作和触发 touchend 之后清除定时器。

这样一来,如果没有超过500ms,手指离开屏幕,触发 touchend ,则 longPress 不会执行。如果时间时间超过500ms,则 longPress 执行一次。

Ⅶ JS脚本怎么运行

常见的执行js代码都是放入到HTML引入后,然后通过HTML文件来执行胡查看代码。显然这是比较麻烦的事情,如果电脑里面安装了node.js,可以使用node来直接使用node来运行想要运行的js文件。

<html>

<body>

<script language="javascript">

function Card(owner,rate)

{

this.Owner=owner;

this.Rate=rate;

}

var mycard = new Card("X","150");

document.write("name:"+mycard.Owner+"speed:"+mycard.Rate);

</script>

</body>

</html>

(7)js长按脚本扩展阅读:

JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

脚本简单地说就是一条条的文字命令,这些文字命令是我们可以看到的(如可以用记事本打开查看、编辑),脚本程序在执行时,是由系统的一个解释器,将其一条条的翻译成机器可识别的指令,并按程序顺序执行。因为脚本在执行时多了一道翻译的过程,所以它比二进制程序执行效率要稍低一些。

Ⅷ 怎么用js给网页添加长按手势ios

移动端推荐使用Hammer.js,很多手势调用。
多点触控插件Hammer.js,是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况数基罩圆下识别触摸,鼠标事件。
还支持jQuery插件的形式调用
<span class="tag" style="color: rgb(0, 0, 128);"><<span class="title">script src="http://eightmedia.github.com/hammer.js/jquery.hammer.js"></script>span>
$("#element")
.hammer({
// 对DOM进行一些初始化,这里可以加入一些参数
})
.bind("tap"薯闷谨, function(ev) {
console.log(ev);
});

Ⅸ Js实现移动端长按事件

最近在做一个移动端的项目,其中有一个收藏列表,其中包含几个事件。
1.点击慎没跳转详情页。
2.长按显示遮罩层和删除按钮
3.点击删除按钮,删除此项。
下面会详细介绍我处理此问题时所出现的问题,及处理方法(本文基于jQuery)

首先我对列表添加了长按事件,添加完之后,发现我的长按事件已经可以成功执行了。但是却出现了新的问题:

这个问题好处理,只需添加一个变量,来判断是否为长按事件

这样上面的问题就完美解决了。

接下来就是给遮罩层上清谨的删除按钮添加事件

但是在这里就发现了新的问题

所以就需要一个新的事件来覆盖原本的事件

然后,整个点击跳转,长按显示删除,删除事件,就已经完美解决了。

但是,在移动端查看的时候宽正纳就会发现正常的滚动事件被preventDefault屏蔽了。

此处有两种解决方式:
1.删除 e.preventDefault();
删除preventDefault有可能会出现其它情况,不过我暂时没发现如果出现其它情况,可使用下面的方法

删除的点击事件也是如此

By : Yimi-shan

Ⅹ js实现长按按钮,才会打开某个页面

var timer;
function mousedown(){ //按钮mousedown事件
timer = setTimeout(function () {
//打开页芹物段面代码
}, 2000); //蚂迅时间 2s
}
function mouseup(){ ///按钮mouseup事嫌誉件
clearTimeout(timer);

}

热点内容
红点角标算法 发布:2025-07-12 12:11:16 浏览:843
开心消消乐服务器繁忙什么情况 发布:2025-07-12 12:11:14 浏览:238
数据库的封锁协议 发布:2025-07-12 12:10:35 浏览:724
如何配置一台长久耐用的电脑 发布:2025-07-12 11:43:03 浏览:601
昆明桃源码头 发布:2025-07-12 11:38:45 浏览:568
大司马脚本挂机 发布:2025-07-12 11:38:35 浏览:458
数据库实时监控 发布:2025-07-12 11:31:33 浏览:743
vb6反编译精灵 发布:2025-07-12 11:23:12 浏览:997
模拟存储示波器 发布:2025-07-12 11:10:58 浏览:814
怎么查看安卓真实运行内存 发布:2025-07-12 11:08:39 浏览:883