8

Estou utilizando esse script no Chrome e ele funciona normalmente. Porém no IE 8 ou 9 não funciona. Coloquei um debugger e um alert para debugar, mas ele nem entra na funcão.

$(document).on("mousedown", '#CentroCusto_new option', function (event) {
    alert('oi');
    this.selected = !this.selected;
    event.preventDefault();
});

Alguém sabe o motivo e como corrigir?

JSFiddle

16
  • Tentou simplesmente retornar falseem vez de setar o returnValue? O jQuery normaliza isso.
    – bfavaretto
    Commented 12/03/2014 às 20:44
  • Outra coisa: você precisa estar com as dev tools do IE abertas, ou a primeira linha (debugger) vai dar pau.
    – bfavaretto
    Commented 12/03/2014 às 20:45
  • O restante do programa funciona normalmente? (a parte que depende do jQuery, principalmente) Há algum outro código funcionando que utilize on? E um tiro no escuro: já tentou colocar seu handler no body ou algum outro elemento ancestral de #CentroCusto_new, em vez do document?
    – mgibsonbr
    Commented 12/03/2014 às 20:46
  • No IE ele não consegue nem entrar na função, nada dentro vai funcionar. @bfavaretto
    – Joao Paulo
    Commented 12/03/2014 às 20:48
  • 1
    Sei que parece louco, mas experimente colocar um atributo size com valor numérico no seu select. Ver stackoverflow.com/a/3341779/825789
    – bfavaretto
    Commented 12/03/2014 às 21:28

3 Respostas 3

7

No seguimento do comentário que havia deixado ontem na tua pergunta, hoje tive oportunidade de testar e realmente o Internet Explorer não dispara o evento de click na option do elemento select mas sim no próprio select.

Assim, para poderes despoletar determinada acção quando uma option e alterada, podes anexar o evento click à select e procurar pela option que está seleccionada para agires em conformidade com a mesma:

Demonstração no JSFiddle

// anexar evento de click à select
$(document).on("click", 'select', function (e) {

    // apanha option que recebeu click
    var $opt = $(this).find(":selected");

    // fazer algo com o valor da mesma
    alert($opt.attr("value"));
}); 
3
  • Pesquisando também encontrei esta forma. Mas não deu para adapta-la ao meu codigo usando preventDefault. +1 pois pode ser util em outros casos
    – Joao Paulo
    Commented 14/03/2014 às 0:12
  • Mas qual o teu objectivo especificamente? O comportamento-por-defeito de uma caixa de selecção múltipla é seleccionar algo ou realizar uma selecção múltipla. É a selecção o que pretendes evitar?
    – Zuul
    Commented 14/03/2014 às 9:41
  • O comportamento default é que no clique do mouse você só seleciona uma option de cada vez. Precisando pressionar Ctrl e clicar para ele selecionar mais de um. Quero ter o mesmo resultado do Ctrl + Click apenas clicando com o mouse.
    – Joao Paulo
    Commented 14/03/2014 às 13:12
0

Isso funciona ?

    jQuery("#CentroCusto_new option").on('click', function (event) {
        event.preventDefault();
        alert('oi');
        this.selected = !this.selected;
        return false;
    });

ou algo parecido com isso ?

$( ".target" ).change(function() {
alert( "Handler for .change() called." ); 
});

http://api.jquery.com/change/

0

O IE realmente não deixa entende a seleção através da option.

O ie entende o seletor $(":selected"), que pode ser util em alguns casos, mas não neste em específico.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .