2017-08-04 12 views
11

को रोकने के लिए काम नहीं किया है मेरे पास एक बड़ा आकार है। इसे आकार देने का प्रयास करते समय पूरे पृष्ठ को नीले रंग के रंग से चुना जा रहा है, भले ही मैं आईई और एज में इरादा नहीं रखता था। मैंने वेब पर दिखाए गए कई समाधानों का प्रयास किया है लेकिन कुछ भी काम नहीं किया है। नीचे मेरा कोड है। मैं माउस चाल पर घटना द्वारा डिफ़ॉल्ट कार्रवाई को रोकने में असमर्थ हूं। मैं माउस मूव इवेंट के लिए मालिक डॉक्यूमेंट पर सुन रहा हूं।evt.preventDefault आईई और एज में माउस हिल इवेंट पर काम नहीं कर रहा है, यहां तक ​​कि evt.returnValue = false की कोशिश की; लेकिन प्रचार

कोड नीचे क्रोम और मोज़िला

मैं कंसोल में evt चर में निरीक्षण से देखा है में होने की उम्मीद के रूप में पहले पड़ाव प्रचार को रोकने डिफ़ॉल्ट सच है, रोक प्रचार को रोकने के बाद डिफ़ॉल्ट गलत है काम कर रहा है,। गूगल chrome में व्यवहार के रूप में ही है लेकिन अभी भी न मिल क्यों पूरे पृष्ठ का चयन किया जा रहा है

प्रतिक्रिया कोड: मुद्दा है कि पेज के साथ चयनित हो जाता है

if (event.preventDefault){ 
    event.preventDefault(); 
} 
else { 
    event.returnValue = false; 
} 

उत्तर

5

();:

इस प्रयास करें माउस चाल में यह mousedown में बनाने/घटना ही

private MouseDown(evt: any) { 
     this.viewState.resizing = true; 
     const {ownerDocument} = ReactDOM.findDOMNode(this); 
     evt.preventDefault(); 
     evt.stopPropagation(); 
     ownerDocument.addEventListener('mousemove', this.MouseMove); 
     ownerDocument.addEventListener('mouseup', this.MouseUp); 

     this.setState(this.viewState); 
    } 
1

इस पद्धति का प्रयास करें नीला रंग, चयन को रोकने के लिए एक और तरीका है। इसके बजाय evt.preventDefault बनाने का

<body onselectstart="return false"> 
+0

फ्लॉप काम मैं भी वापसी माउस चाल समारोह – Labeo

2

:

<div className="resizer" 
     tabIndex={-1} 
     onMouseDown={this.MouseDown} 
/> 


private MouseDown(evt: any) { 
     this.viewState.resizing = true; 
     const {ownerDocument} = ReactDOM.findDOMNode(this); 
     ownerDocument.addEventListener('mousemove', this.MouseMove); 
     ownerDocument.addEventListener('mouseup', this.MouseUp); 

     this.setState(this.viewState); 
    } 

private MouseMove(evt) { 
     this.viewState.width = width; 
     this.viewState.height = height; 


     if (evt.preventDefault) { 
      evt.returnValue = false; 
      evt.preventDefault(); 
     } 
     else { 
      evt.cancelBubble = true; 
     } 


     this.setState(this.viewState); 
    } 
+0

को गलत जोड़ लिया है क्लिक करें लेकिन हम पूरी तरह से है कि कार्यक्षमता को दूर नहीं कर सकते। यहां हम केवल उस कार्यक्षमता को रोकना चाहते हैं जब हम div तत्व का आकार बदल रहे हों। – Labeo

+0

क्या आपने 'addEventListener' और' removeEventListener' का उपयोग करके इस दृष्टिकोण को आजमाया है? मैं अनुमान लगा रहा हूं कि आपके पास 'ऑनड्रास्टार्ट' या 'ऑनसाउसडाउन' ईवेंट और अन्य ईवेंट हैं जब इंटरैक्शन 'ऑनड्राइंड' या 'ऑनसउसअप' की तरह समाप्त होता है। एक अन्य विकल्प जिसे आप कोशिश कर सकते हैं वह है ग्रीनसॉक ड्रैगगेबल टूल https://greensock.com/draggable – Rodrigo

संबंधित मुद्दे

 संबंधित मुद्दे