डेटलिस्ट ऑनहोवर से वर्तमान मूल्य प्राप्त करें

Question

मैं एक डातालिस्ट के ढेर तत्व का वर्तमान मूल्य प्राप्त करने का प्रयास कर रहा हूं। इसलिए यदि मैं इसमें मूल्यवान के साथ डातालिस्ट खोलता हूं और बस अपने माउस को उनके ऊपर ले जाता हूं, तो मैं मानकों को कंसोल में दिखाना चाहता हूं। यहाँ

<input list="browsers" id="browser"> 
<datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
</datalist> 

$("#browsers").on("mouseover", function() { 
    console.log($(this).value()); 
}); 

और एक बेला है:

यह मेरा प्रयास है https://jsfiddle.net/sshcvr5q/

Answer 1

मुझे यकीन नहीं है कि यह संभव होने जा रहा है। डाटलिस्ट विकल्प, जबकि मुख्य दस्तावेज़ डीओएम पेड़ में अभी भी दिखाई देते हैं, के हिस्से के रूप में क्लोन और encapsulated प्राप्त करें, और जैसा कि मूल दस्तावेज़ से उपलब्ध नहीं है। यह इन छायांकित छाया डोम नोड्स है जो आप वास्तव में होवर कर रहे हैं (निश्चित रूप से क्रोम में वैसे भी), और मुख्य डोम पेड़ में मूल नोड mouseover या hover ईवेंट के साथ ट्रिगर नहीं होता है जब आप छाया डोम नोड्स पर होवर करते हैं।

आप अपने JSFiddle उदाहरण में डोम पेड़ निरीक्षण करने के लिए Chrome DevTools का उपयोग करते हैं, तो आप समझाया डोम पेड़ की छाया रूट देख सकते हैं:

अधिक जानकारी के लिए एक और स्टैक ओवरफ़्लो सवाल से this explanation देखें आप मूल दस्तावेज़ से छाया डोम पर घटनाओं के बारे में क्यों नहीं सुन सकते हैं।

Answer 2

मुझे लगता है कि आप $("#browser") और नहीं $("#browsers")

जाँच करने के लिए है लेकिन वैसे भी आप onchange पर मूल्य प्राप्त होगा बेहतर :)

सम्मान