WP7 + HTML5 - कैनवास को चुनने/हाइलाइट करने से कैसे रोकें

Question

मैं विंडोज फोन 7/7.5 के लिए एक साधारण HTML 5 ऐप लिखने की कोशिश कर रहा हूं। मेरे पास एक HTML5 पृष्ठ है जिसमें कैनवास लगभग स्क्रीन का आकार है। जब मैं स्क्रीन पर क्लिक/टैप करता हूं, तो कैनवास का चयन किया जाता है। मैं उस व्यवहार को नहीं चाहता, लेकिन मैं अभी भी विभिन्न नियंत्रणों पर क्लिक/टैप करने में सक्षम होना चाहता हूं। क्या ऐसा व्यवहार करने का कोई तरीका नहीं है? प्रभाव दिखाते हुए एक स्क्रीनशॉट का लिंक नीचे दिया गया है।

मुझे लगता है कि व्यवहार भाग में CSS का उपयोग कर निकालने का प्रयास किया। अभी तक कुछ भी काम नहीं किया है।

body { 
    /* disable selections/cut copy paste actions */ 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 

    /* disable callout, image save panel on long press */ 
    -webkit-touch-callout: none; 

    /* "turn off" link highlight, good for custom pressed states */ 
    -webkit-tap-hightlight-color: transparent; 
} 

सहायता के लिए अग्रिम धन्यवाद!

Answer 1

मार्टिन उल्लेख किया है कि निम्न उदाहरण उजागर व्यवहार प्रदर्शित नहीं करता है: http://ie.microsoft.com/testdrive/Mobile/Performance/HamsterDanceRevolution/Default.html

तो मैं कुछ खुदाई किया था और पाया है कि ऊपर के उदाहरण विंडो ऑब्जेक्ट के लिए घटनाओं जुड़ जाता है। मैं यह फ़ाइल के निम्नलिखित तीन लाइन संशोधनों "गतिज-v3.8.4.js" करने के लिए नीचे मिला:

(1)
this.container.addEventListener (baseEvent, हैंडलर, झूठी);
->
window.addEventListener (बेसइवेंट, हैंडलर, झूठा);

(2)
this.container.addEventListener ('mousedown', समारोह (evt)
->
window.addEventListener ('mousedown', समारोह (evt)

(3)
this.container.addEventListener ('mousedown', समारोह (evt)
->
window.addEventListener ('mouseup', समारोह (evt)

इस संशोधन के बाद, कैनवास अभी भी प्रतिक्रिया करता है और अवांछित हाइलाइटिंग समाप्त हो जाती है।

सादर, लुइस

Answer 2

इस ग्रे हाइलाइट को चालू करना संभव नहीं है। इस संबंधित सवाल देखें:

Windows Phone 7 Browser - Turn off the gray shading when links are clicked

सीएसएस संपत्ति आप सेट कर रहे हैं, -webkit-tap-hightlight-color, वेबकिट विशिष्ट है, इसलिए Android और iOS पर काम करेंगे। जब तक WP7 समकक्ष नहीं है, आप इसके साथ अटक गए हैं!

Answer 3

WP8 के लिए वे समर्थन कहा:

<meta name="msapplication-tap-highlight" content="no"/> 

स्रोत: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

Answer 4

आप आप में खंड सिर html फ़ाइल में मेटा टैग जोड़ें।

<meta name="msapplication-tap-highlight" content="no" /> 

यह काम करना चाहिए।

सादर, प्रवेश

Answer 5

हेडर में एक मेटा टैग जोड़ना वास्तव में इस मुद्दे

इस

<meta name="msapplication-tap-highlight" content="no"/>