php - How to detect position of mouse cursor in a div -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 14 जवाब

  मेरे पास एक आयताकार अवधि है 100 पिक्सल चौड़ा है और मैं उपयोगकर्ता को 0-100% से चुनना चाहता हूं।

  जहां भी वे चौड़ाई के साथ डिव में क्लिक करते हैं, वह वही मूल्य है जो सहेजा जाता है और उपयोगकर्ता को एजेक्स का उपयोग करके तुरंत दिखाया जाता है। इसलिए यदि वे div के मध्य में बिल्कुल क्लिक करते हैं, तो सहेजा गया मान 50% होगा।

  मैं ऐसा करने का एक शानदार तरीका नहीं सोच सकता हूँ! किसी भी सुझाव?

  & lt; इनपुट प्रकार = "श्रेणी" / & gt; & lt; span & gt;

  - एडिट -

  के साथ संयोजन के रूप में, Firefox के लिए फ़ॉलबैक समर्थन ब्लॉकक्वाइट>

  HTML अपने 100px चौड़े के अंदर सीमा रखें <कोड> & lt; अवधि & gt; ।

    & lt; div id = "console" & gt; ... & lt; / div & gt; & Lt; span id = "कंटेनर" & gt; & Lt; इनपुट आईडी = "मायरेन्ज" प्रकार = "श्रेणी" न्यूनतम = "0" अधिकतम = "100" / & gt; & Lt; / span & gt;   
   jQuery  पर  परिवर्तन () , मान के साथ कुछ करें: 
    $ (फ़ंक्शन () {$ ("# MyRange ") पर ('परिवर्तन', फ़ंक्शन () {// मूल्य बाहर निकालना, #console DIV $ (" # console ") का html सेट करें। Html ($ (this) .val ());}); / / #console $ ("# myRange") का आरंभिक मान सेट करें। ट्रिगर ('परिवर्तन');});   
   सीएसएस   & lt; span & gt;  में रेंज चयनकर्ता छिपाएं, लेकिन अभी भी क्लिक को इसके मान 
    #container {width : 100 पीएक्स; पृष्ठभूमि: # 333; } # कंटेनर इनपुट {अस्पष्टता: 0; }