Метод JQuery .on ("mouseover") не работает для IE

Question

Я пытаюсь вернуть значение для динамически заполняемого параметра выбора при наведении указателя мыши. Как вы, вероятно, можете сказать по ID, опция выбора создается списком ASP.NET.

$("#MainContent_LocationListBox").on("mouseover", "option", function() { 

    alert($(this).val()); 
}); 

Этот метод работает в Chrome, но не IE 11.

Я пытался друга решения народов для подобных проблем не повезло.

Что я пробовал:

• Различные версии JQuery (в настоящее время 1.8.3)
• .live метод
• $(document).on("mouseover", "option", function()
• $("#MainContent_LocationListBox option").on("mouseover", null, function()
• Перебор избранных вариантов и связывания прикосновения к каждому
• Добавление <meta http-equiv="X-UA-Compatible" content="IE=edge"> (advi из нескольких статей, которые я нашел)

Я также пробовал $("#MainContent_LocationListBox option:hover").val(), который работает, но очень непоследовательно.

Я включил отладку Internet Explorer, но ошибки не возвращаются.

Answer 1

Вы можете использовать mousemove вместо mouseover. Приведенный ниже код работает в Internet Explorer, Firefox и Chrome:

UPDATE: Так как тест на Windows 10 не удалось, я добавил setTimeout вызов по предложению дать here:

$(document).ready(function() { 
    var prevValue = null; 

    $("#MainContent_LocationListBox").mousemove(function() { 
     setTimeout(function() { 
      var val = $('option:hover', $("#MainContent_LocationListBox")).val(); 

      if (typeof val !== 'undefined') { 
       if (val !== prevValue) { 
        console.log(val); // To be replaced by actual processing 
        prevValue = val; 
       } 
      } 
      else { 
       prevValue = null; 
      } 
     }, 0); 
    }); 
}); 

При отладке мыши событиях, я предпочитаю записывать значения в консоли (которые могут отображаться с F12), чем всплывающие окна alert.

Answer 2

Вместо того, чтобы добавлять делегирование делегирования к выбору, добавьте его к выбору.

$("#MainContent_LocationListBox").on("mouseover", function() { 
    alert($(this).val()); 
}); 

Или, если вы предпочли бы иметь событие делегация

$("section").on("mouseover", "#MainContent_LocationListBox", function() { 
    alert($(this).val()); 
}); 

Edit: Я думаю, что вы mistunderanding как получить значение из выбранного окна. С помощью jQuery вы можете использовать $('select').val() в поле выбора.

Более подробная информация о передаче события с JQuery .on() http://api.jquery.com/on/