1. 程式人生 > >繫結事件的時候,如果pc與移動端都用,可以做一下,pc與移動端的相容

繫結事件的時候,如果pc與移動端都用,可以做一下,pc與移動端的相容

這裡只談及PC端的mousedown mousemove mouseup事件 與 移動端的touchstart  touchmove touchend事件 

var hastouch = 'ontouchstart' in window?true:false,                            //判斷是否為移動端

       tapstart = hastouch?'touchstart':'mousedown',

       tapmove = hastouch?'touchmove':'mousemove',

      tapend = hastouch?'touchend':'mouseup';

然後就可以繫結事件了,

例:ctx.addEventListener(tapstart,function(e){

        })

相關推薦

事件的時候如果pc移動可以一下pc移動相容

這裡只談及PC端的mousedown mousemove mouseup事件 與 移動端的touchstart  touchmove touchend事件  var hastouch = 'ontouchstart' in window?true:false,      

jQuery鍵盤事件事件移除事件複合事件

鍵盤事件是指每次按下或者釋放鍵盤上得按鍵時所產生的事件,常用的鍵盤事件的方法: keydown()   :按下鍵盤時觸發的事件方法; keyup()   :釋放按鍵時觸發的事件方法; keypress()  :產生可列印的字元時觸發的事件

jQuery中bindlivedelegateon事件的方式區別

jQuery中提供了四種事件監聽方式,分別是bind、live、delegate、on,對應的解除監聽的函式分別是unbind、die、undelegate、off。 已知有4個列表元素:   列表元素1   列表元素2   列表元素3   列表元素4

jQuery中bind()one()on()live()這幾個事件函式的區別

1、bind()方法 為每個匹配元素的特定事件繫結事件處理函式。bind()方法的底層邏輯是on()方法。 .bind() 方法是用於往文件上附加行為的主要方式。所有JavaScript事件物件,比如focus, mouseover, 和 resize,都是可以作為type引數傳遞進來

為什麼ajax加載出來的html無法選擇器事件?

問題:使用Ajax非同步請求頁面,正常顯示,但是頁面上的按鈕,無法新增點選事件分析:Ajax非同步載入的,整個頁面載入完成後,找不到你非同步載入的DIV或者事件。*解決:使用 delegate() 方法的事件處理程式** delegate() 方法為指定的元素(屬於被選元素的子元素)

為同一個元素新增相同名字的處理函式的不同事件—通過switch語法

要點: 1.switch語法跟break語法結合使用,才能達到效果,滿足條件後,執行出路函式,然後跳出迴圈。 2.這裡的.type是返回的是事件的繫結型別,如click。區別與typeof 判斷的是值的型別,如 "undefined"。 程式碼: <!DOCTYPE html&

ajax刷進頁面的標籤如何給他事件

今天,寫程式碼 ,突然用到這個,發現怎麼也繫結不了事件,於是乎,百度,試了好久才解決問題 這是我要刷進頁面的程式碼 我試了一下onclick,繫結不到,因為onclick只能繫結html頁面上已經存在的元素 對於刷進去的標籤,只可以用on還有live      

python學習之網站的編寫(HTMLCSSJS)(二十一)----------事件(例如點選事件等)及事件的幾種方式

事件:什麼叫做事件呢,就是我們在頁面中的一些滑鼠和鍵盤操作,比如onclick就是點選事件,然後我們將介紹幾種繫結事件的方式。 1.在標籤中繫結 <div onclick="fuc()"></div> <script> fun

JSjQuery事件的寫法

js 1.直接在html標籤中繫結 在html標籤中新增“on”+事件名稱的屬性來繫結事件 <button type="button" id="btn" onclick="alert(1)">點選</button> 2.在DOM元素上繫結 DOM元素新增‘

相容事件解綁事件相容程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head>

iframe js獲取父級元素資訊設定css樣式 和事件

獲取iframe 父級id 為objid的內容。 $('#objid',window.parent.document).val(""); 初始化為iframe 父級 id為cancel1繫結事件 $('#cancel1',window.parent.document).

在js還沒有載入上來的時候怎麼給dom 事件

這就要用到事件委託了 如何進行事件委託 **(1) 當存在多個元素可以共用同一個監聽器。** 例子:當想要點選li來觸發事件的時候,第一種方法是為每個li都繫結一個監聽器,但當li很多時,這樣處理就過於繁瑣。為了減少dom 的操作,我們可以利用事件委託交給父級元素ul來

for迴圈事件var和let宣告迴圈變數的區別

在理解var、let、const三者在宣告變數的區別時,遇到了一道十分有意思的題:<body> <ul> <li>第一個li</li> <li>第二個li</li> <li>第三個li&

JQuery事件移除事件、動畫

繫結事件:bind()、on()、live()、delegate()、keyup(); 觸發事件:trigger(‘keyup’)、keyup(); 解綁事件:unbind()、off()、die()、undelegate(); 符合事件:hover()

EXTJS中下拉框事件動態賦值

在開發過程中,有時會遇到一咱情況: 兩個下拉框A和B,當選擇A時,根據A的值查詢B可以選擇的值並賦值到B中。舉個常見的例子,省份與城市兩個下拉框,當選擇省份後,城市的下拉框中只顯示該省的城市。 要實現該功能最重要的就是一個下拉框的繫結事件而已。下邊我以單位和員工關係為例。

原生JS事件的相容性寫法事件的幾種方法

   繫結事件算是DOM操作裡面最基本的事情了,通常繫結事件的方式有以下一種:          1.形如內聯樣式的時間繫結:                        <input typ

關於ajax區域性重新整理後js事件失效的問題

百度了一下,csdn上有高手回答了很多很細 簡單理解: 繫結事件在文件沒有載入完成的時候是無法繫結的,因為不能獲取到html 元素 所以需要用   $(document).on(e,selector,function()) 來繫結事件 $(document).on('ch

事件on()、bind()delegate() 方法詳解

啃了一段日子的js相關了,學的過程中發現在jQuery中繫結事件時,有人用bind(),有人用on(),有人用delegate(),還有人用live(),看程式碼

Jquery事件模擬form表單提交

//Jquery物件繫結事件: $("#clean").bind('click',function(){ //程式碼區 }); //取消按鈕繫結的時間: $("#save").attr("onclick","javascript:void(0)"); //

給input[text]新增icon並且事件

如上圖實現右側帶clear icon的文字框。 一、比較常見的方法是:在文字框右側新增<a>,通過樣式控制來實現點選clear icon清除文字框內容。 <input type="text" id="" class='' value="" style=