मैन्युअल रूप से स्पर्श ईवेंट ट्रिगर करें

Question

मैंने पिछले 30 मिनट की खोज की, लेकिन समाधान नहीं मिला।

मैं एक तत्व पर एक touchstart घटना ट्रिगर करते हैं।

यह आग touchstart घटना:

var e = document.createEvent('MouseEvent'); 

e.initMouseEvent("touchstart", true, true, window, 1, screenX, screenY, clientX, clientY, 
    ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget); 

target.dispatchEvent(e); 

ध्यान दें कि चर मेरी समारोह

द्वारा परिभाषित कर रहे लेकिन वहाँ उस के साथ एक समस्या है। event ऑब्जेक्ट में touches संपत्ति नहीं है। तो कुछ इस तरह काम नहीं करेगा:

var touch = e.touches[0]; 

वहाँ मैन्युअल रूप से एक touchstart घटना को गति प्रदान करने का कोई तरीका है (यह स्पर्श के साथ एंड्रॉयड> = 4.0 और क्रोम पर काम करना चाहिए सक्षम [DevTools])?

कृपया ध्यान दें, है कि मैं नहीं jQuery की तरह किसी भी ढांचे का उपयोग करना चाहते हैं। jQuery के साथ यह एक तत्व पर एक touchevent बनाने के लिए आसान है;)

Answer 1

W3C

var e = document.createEvent('TouchEvent'); 

तब के अनुसार, भी बदल

e.initMouseEvent(); 

को

e.initTouchEvent(); 

आप के रूप में ' हमने touchstart ईवेंट बनाया है।

W3C लिंक का कहना है:

Some user agents implement an initTouchEvent method as part of the TouchEvent interface. When this method is available, scripts can use it to initialize the properties of a TouchEvent object, including its TouchList properties (which can be initialized with values returned from createTouchList). The initTouchEvent method is not yet standardized, but it may appear in some form in a future specification.

तो तुम e.initUIEvent('touchstart', true, true);
इसके अलावा का सहारा लेना पड़ सकता है होगा, अधिकारी कल्पना भी कहा गया है कि TouchList वस्तु वैकल्पिक है, और मैन्युअल रूप से बनाया जा सकता है createTouchList विधि का उपयोग कर। उस सूची में एक स्पर्श जोड़ने के लिए, आप createTouch विधि है, जहां आप सभी निर्देशांक और पास भेज देंगे फोन करना होगा इस तरह:

 
6.1 Methods 

#createTouch 
Creates a Touch object with the specified attributes. 
Parameter | Type  | Nullable | Optional | Description 
view  | WindowProxy | ✘  | ✘  | 
target | EventTarget | ✘  | ✘  | 
identifier| long  | ✘  | ✘  | 
pageX  | long  | ✘  | ✘  | 
pageY  | long  | ✘  | ✘  | 
screenX | long  | ✘  | ✘  | 
screenY | long  | ✘  | ✘  | 
Return type: Touch 

#createTouchList 
Creates a TouchList object consisting of zero or more Touch objects. Calling this method with no arguments creates a TouchList with no objects in it and length 0 (zero). 

Parameter | Type | Nullable | Optional | Description 
touches | Touch |  ✘ | ✔  | 
Return type: TouchList 

यदि वह काम नहीं करता है, तो आप इस कोशिश कर सकते:

var e = document.createEvent('UIEvent'); 
e.initUIEvent(); 

काम करना चाहिए, यह createEvent('MouseEvent') किसी भी दर की तुलना में अधिक समझ में आता है ...
लेकिन परीक्षण प्रयोजनों के लिए, क्यों नहीं अपने क्रोम कंसोल खोलें तथा Emulate touch events जाँच, प्लस Android में 4. उपयोगकर्ता एजेंट को ओवरराइड (Ctrl + Shift + जे> गियर नीचे दाएं कोने पर क्लिक करें, और ओवी का चयन करें errides, वहाँ आप आप की जरूरत सभी सेटिंग्स)

अभी तक मिल जाएगा के बाद से स्पर्श घटनाओं एक लंबा रास्ता तय करने के लिए, अभी भी उनके मानकीकृत बनने के संदर्भ में है, यह पता चला है touches संपत्ति आरओ नहीं है (?), तो आप इस जल्दी ठीक (ओ पी पाया जाता है और वांछित परिणाम के साथ प्रयोग किया है) का उपयोग कर सकते हैं:

var e = document.createEvent('TouchEvent'); 
e.touches = [{pageX: pageX, pageY: pageY}]; 

कौन सा, मुझे लगता है कि (मैं इस पर विश्वास नहीं कर सकते हैं अगर यह मामला नहीं थे) है तेजी से:

e.touches = e.createTouchList(
    e.createTouch(window, target, 0, pageX, pageY, screenX, screenY) 
); 

Answer 2

हम इस तरह को गति प्रदान कर सकते हैं:

$playBtn.bind((is_touch_device) ? 'touchstart' : 'click', playfunction); 

Answer 3

मैं इस उत्तर दिया गया है पता है, लेकिन मैं भी इस समस्या का एक जवाब खोजने के लिए संघर्ष किया और स्वीकार किए जाते हैं जवाब के लिए काम नहीं किया मुझे। अंत में, मैंने जो समाधान पाया वह वास्तव में बहुत आसान है और ब्राउज़र में इसका समर्थन है:

var e = new Event('touchstart'); 
target.dispatchEvent(e); 

यही है। आसान नहीं हो सका।