पता लगाएं कि इनपुट स्पर्श किया गया था (टैबलेट) या क्लिक किया गया (माउस)

Question

हम एक वेब-ऐप विकसित कर रहे हैं, जो डेस्कटॉप और टैबलेट (आईपैड, एंड्रॉइड या सतह) पर लॉन्च होता है। अब हम संख्या इनपुट के लिए अपना खुद का कीबोर्ड बना रहे हैं। जब आप एक मूसक्लिक के साथ इनपुट फ़ील्ड पर फोकस सेट करते हैं, तो कॉस्टम कीबोर्ड सही खुलता है। लेकिन जब आप एक स्पर्श किए गए क्लिक (टैबलेट) के साथ इनपुट पर फ़ोकस सेट करते हैं, तो डिफ़ॉल्ट कीबोर्ड भी खुलता है। हमारा विचार है, पता लगाने के लिए, यदि माउस-क्लिक या छुआ क्लिक था। यदि यह एक छुआ क्लिक नहीं है, हम केवल पढ़ने के लिए = "true" इनपुट करने के लिए संपत्ति सेट कर सकते हैं, तो एक रखा पर डिफ़ॉल्ट कुंजीपटल में स्लाइड नहीं होगा।

वहाँ का पता लगाने या जो "प्रकार की जांच के लिए एक रास्ता है "क्लिक करें यह था (छुआ या माउस)।

Answer 1

आप दोनों कार्यों touchend के लिए किसी घटना को परिभाषित कर सकते हैं और click तो पता लगा जो एक घटना के प्रकार का उपयोग शुरू हो रहा है:

$('#element-id').on('click touchend',function(e){ 
 
    if(e.type=='click') 
 
     console.log('Mouse Click'); 
 
    else 
 
     console.log('Touch'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="element-id">Click here</button>

आशा इस मदद करता है।

Answer 2

@Zakaria Acharki

 <script type="text/javascript"> 
     $(document).ready(function(){ 
      $(".cCostumeKeyboard").on("click touchstart",function(e){ 
       if(e.type=="click") { 
        alert("Mouse"); 
        alert(e.type); 
       } 
       else if(e.type=="touchend"){ 
        alert("Touch"); 
        alert(e.type); 
        e.preventDefault(); 
        e.stopPropagation(); 
       } 
      }); 
     }); 
    </script> 

एक स्पर्श डिवाइस पर इस स्निपेट का प्रयास करें।

चेतावनी "छूता": "touchend"

चेतावनी: "माउस"

चेतावनी: "क्लिक"

• चेतावनी: यह एक इनपुट पालन पर पहला स्पर्श के बाद पता चलता है