Przycisk Zdarzenie uruchamia się po naciśnięciu klawisza Enter na różnych wejściach (bez formularzy).

Ta logika uruchamia się po naciśnięciu "Enter" na wejściu "Ilość" i nie wierzę, że powinna (nie ma w Chrome) . Jak mogę temu zapobiec, a jeśli nie, to zapobiec w IE, obsłużyć go tak, aby logika w zdarzeniu kliknięcia nie uruchomi się.Przycisk Zdarzenie uruchamia się po naciśnięciu klawisza Enter na różnych wejściach (bez formularzy).

<html> 
<body> 
    <div id="page"> 
    <div id="financed_amount"> 
     <h1>Financed Amount:</h1> 
     <input type="text" id="amount" value="" /> 
    </div> 
    <h1>Finance Options</h1> 
    <div> 
     <a id="shareLink" rel="leanModal" name="email" href="#email"></a> 
     <button id="btnShare" class="share">Share this report</button> 
    </div> 
    </div> 
    </body> 
</html>

Script

$("#btnShare").click(function (e) { 
    // This logic is firing when pressing "Enter" in the "Amount" input 
});

Jquery: 1.7.2
IE 9
(działa w Chrome)

Źródło

2012-09-07 contactmatt

Wbrew pozorom przydarzyło mi się to w Chrome i Firefoksie. Ta sama poprawka (typ przycisku). –

287

miałem ten sam problem i rozwiązać go dodając type="button" atrybut elementu <button>, przez który IE myśli przycisk jako prosty przycisk zamiast przycisku przedstawienia (co jest domyślne zachowanie elementu <button>).

Źródło

2012-11-23 19:10:07 pallati

Miałem ten sam problem z Firefoksem. atrybut type = "button" również rozwiązał go dla mnie. –

+94

Obyś żył tysiąc lat. – TheBrain

Doskonała poprawka. Myślałem, że przeglądarki będą automatycznie przesyłać na "Enter", gdy wewnątrz tagów

IE myśli każdy element jest buttonPrześlij przycisk (niezależnie od tego, czy masz numer form, czy nie). Obsługuje także naciśnięcie klawisza Enter w elemencie formularza jako niejawne przesłanie formularza. Tak więc, ponieważ sądzi, że próbujesz przesłać formularz, oznacza to, że pomoże Ci wydarzenie i wystrzelenie z niego (prawdopodobnie jest) przycisku przesyłania.

Możesz dołączyć zdarzenie keyup albo do input lub button i sprawdzić klucza Enter (e.which === 13) i return false;

Źródło

2012-09-07 20:55:34

wpadłem na ten problem dzisiaj. IE zakłada, że jeśli naciśniesz klawisz Enter w dowolnym z pól tekstowych, chcesz przesłać formularz - nawet jeśli pola nie są częścią formularza, a nawet jeśli przycisk nie jest typu "prześlij".

Musisz zastąpić domyślne zachowanie IE za pomocą funkcji preventDefault(). W selektorze jQuery wstaw div, który zawiera pola tekstowe, które chcesz zignorować klawiszem Enter - w Twoim przypadku div strony. Zamiast wybierać cały dział, możesz również określić pola tekstowe, które chcesz zignorować.

$('#page').keypress(function(e) { 
    if(e.which == 13) { // Checks for the enter key 
     e.preventDefault(); // Stops IE from triggering the button to be clicked 
    } 
});

Źródło

2012-10-31 20:01:12

Najlepsze rozwiązanie, gdy musisz używać niestandardowych componetów i nie możesz dodać typu = "button". – FireZenk

Dzięki Clinton, to działało dla mnie. Najpierw próbowałem zrobić cały przycisk typu "przycisk", ale nadal nie działa. Potem musiałem wyłączyć bulgotanie zdarzenia po naciśnięciu klawisza Enter. –

Dziękuję bardzo. Szaleję na moim komputerze przez ostatnie 2 godziny. – Edwin

jQuery rozwiązanie oparte że robi to dla każdego przycisku to:

$('button').prop('type', 'button'); // To prevent IE from treating every button as a submit and firing a click() event

Jednak zdarzenie click będzie nadal bubble do elementów nadrzędnych dla jakiegoś powodu ...

Źródło

2014-04-29 23:29:09 lschult2

miałem ten problem z ASP.NET WebForms:

<asp:Button />

ten może być rozwiązany przez nie tylko dodanie type = „przycisk”, ponieważ ASP.NET zastępuje go type = „submit” (widać to zachowanie w przeglądarce jeśli skontrolować th Element e.)

Poprawny sposób to zrobić w ASP.NET jest dodanie

<asp:Button UseSubmitBehavior="false" />

przycisku. ASP automatycznie doda atrybut type = "button".

Źródło

2016-07-06 01:19:52 Guilherme

Przycisk Zdarzenie uruchamia się po naciśnięciu klawisza Enter na różnych wejściach (bez formularzy).

Odpowiedz

Powiązane problemy