Enter tuşuna basıldığında kalıcı olarak kapatmadan kaçının

İçinde bir form bulunan bir önyükleme modeli kurdum, sadece Enter tuşuna bastığımda modun iptal edildiğini fark ettim. Enter tuşuna basarken kapatmamanın bir yolu var mı?

Kipi klavye ile etkinleştirmeyi denedim: yanlış, ancak bu yalnızca ESC tuşuyla kapatmayı engelliyor.

Ben de bu problemi yaşadım.
Benim sorunum, modelimde bir kapat düğmesinin olmasıydı.

<button class="close" data-dismiss="modal">&times;</button>

Giriş alanında enter tuşuna basılması bu düğmenin ateşlenmesine neden oldu. Bunun yerine bir çapa olarak değiştirdim ve şimdi beklendiği gibi çalışıyor (enter, formu gönderir ve modeli kapatmaz).

<a class="close" data-dismiss="modal">&times;</a>

Kaynağınızı görmeden, amacınızın aynı olduğunu teyit edemem.

Düğme öğesine type = "button" özelliğini eklemeniz yeterlidir, bazı tarayıcılar türü varsayılan olarak gönder olarak yorumlar .

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Attributes

Bu, modalda sahip olduğunuz tüm düğmeler için geçerlidir.

<button type="button" class="close" data-dismiss="modal">×</button>

Bootstrap Modal'ımdan TÜM düğmeleri kaldırdıktan sonra bile bu sorunu yaşadım, bu yüzden buradaki çözümlerden hiçbiri bana yardımcı olmadı.

Klavye odağı metin alanındayken Enter tuşuna basarsanız, tek bir metin alanına sahip bir formun tarayıcının bir form göndermesine (ve kapatılmasına neden olur) neden olacağını buldum. Bu Bootstrap ile ilgili her şeyden çok bir tarayıcı / form sorunu gibi görünüyor.

Çözümüm, formun onsubmit özniteliğini onsubmit = "return false" olarak ayarlamaktı

Gönder olayını gerçekten kullanıyorsanız bu bir sorun olabilir, ancak ben bir tarayıcı gönderimi yapmak yerine AJAX istekleri oluşturan JS çerçevelerini kullanıyorum, bu nedenle göndermeyi tamamen devre dışı bırakmayı tercih ediyorum. (Ayrıca, gönderimi tetikleyebilecek her form öğesini manuel olarak ayarlamam gerekmediği anlamına da gelir).

Daha fazla bilgi burada: Tek bir metin giriş alanına sahip önyükleme kalıcı iletişim kutuları her zaman Enter tuşuna basıldığında kapatılır

Giriş düğmesini iptal düğmesinin önüne koyabilirsiniz ve bu, yaşadığınız sorunu da çözecektir.

<div class="modal-footer">
    <button type="submit" class="btn primary">Login</button>
    <button type="submit" class="btn" data-dismiss="modal">Cancel</button>
</div>

Aynı sorunu yaşadım ve çözdüm

<form onsubmit="return false;">

ancak bir çözüm daha var, görünmez kukla girdi ekleyebilirsiniz, böylece formunuz şöyle görünecektir:

<form role="form" method="post" action="submitform.php">
    <input type="text" id="name" name="name" >
    <input type="text" style="display: none;">
</form>

Az önce benzer bir deneyim yaşadım ve bunu çözme şeklim bir etiket kullanmak yerine, etiketi type = "button" olan bir etikete değiştirdim. Bu, "enter" tuşuna basma ve önyükleme modelini reddetme sorununu çözmüş görünüyordu.

Ben de bu sorunu yaşadım ve bu şekilde çözdüm. Onsubmit for form ekledim. Ayrıca kaydetme anahtarı olarak enter anahtarını kullanabilmek istedim, bu yüzden onsubmit'e save_stuff () javascript ekledim. yanlış dönüş; formun gönderilmesini engellemek için kullanılır.

<form onsubmit="save_stuff(); return false;">
 ...
</form>

<script>
    function save_stuff(){
      //Saving stuff
    }
</script>