js長按腳本
Ⅰ 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);
}