Tắt nhấp bên ngoài javascript phương thức

Question

Theo mặc định, nếu bạn nhấp vào bên ngoài cửa sổ phương thức Bootstrap, tôi. e. trên phông nền hoặc vùng tối nó sẽ đóng lại và biến mất. Nó cũng xảy ra khi bạn đang ở trong chế độ và nhấn phím thoát trên bàn phím. Nhưng bạn có thể ngăn điều này xảy ra bằng cách đặt tùy chọn backdrop của phương thức thành static và tùy chọn keyboard thành false, như minh họa trong ví dụ sau

Nội dung chính Show

Câu hỏi thường gặp liên quan
Ngăn đóng phương thức Bootstrap khi nhấp vào bên ngoài chỉ sử dụng Bootstrap và HTML
Vô hiệu hóa Nhấp chuột bên ngoài Phương thức Bootstrap bằng jQuery
Câu hỏi thường gặp về Ngăn đóng phương thức Bootstrap khi nhấp vào bên ngoài
1. Làm cách nào để ngăn phương thức của tôi đóng khi tôi nhấp vào bên ngoài?
2. Làm cách nào để bật Nhấp bên ngoài khu vực phương thức Bootstrap để đóng phương thức?
3. Làm cách nào để sử dụng jQuery để đóng phương thức khi nhấp vào bên ngoài?
4. Làm cách nào để ngăn cửa sổ bật lên phương thức đóng khi nhấp vào nút?
5. Làm cách nào để ngăn cửa sổ bật lên đóng khi bạn nhấp vào cửa sổ bật lên bên ngoài?
Làm cách nào để tắt nhấp chuột bên ngoài của phương thức trong javascript?
Làm cách nào để ngăn phương thức đóng khi nhấp vào bên ngoài HTML?
Làm cách nào để ngăn đóng phương thức sau khi nhấp vào nút bên trong phương thức?
Làm cách nào để ngăn phương thức đóng khi nhấp vào bootstrap bên ngoài?





Disallow Bootstrap Modal from Closing






    
    
    
    
    
        

            

                

                    
Confirmation
                    ×
                
                
                    
Do you want to save changes you made to document before closing?
                    If you don't save, your changes will be lost.
                
                
                    Close
                    Save changes

Câu hỏi thường gặp liên quan

Dưới đây là một số câu hỏi thường gặp khác liên quan đến chủ đề này

Trong hướng dẫn này, hãy tìm hiểu cách ngăn đóng chế độ Bootstrap khi nhấp vào bên ngoài cửa sổ bật lên. Câu trả lời ngắn gọn là. sử dụng các thuộc tính Bootstrap data-backdrop và data-keyboard để thêm vào phần tử nút mở cửa sổ bật lên phương thức khi nhấp

Bạn cũng có thể sử dụng các tùy chọn jQuery backdrop và keyboard để vô hiệu hóa nhấp chuột bên ngoài cửa sổ bật lên phương thức Bootstrap. Nó không cho phép người dùng đóng phương thức Bootstrap bằng cách nhấp vào bên ngoài hoặc không cho phép nút ESC trên bàn phím để đóng phương thức bootstrap

Tuy nhiên, các giá trị cho các thuộc tính Bootstrap này và các tùy chọn jQuery cần thêm là gì?

Mục lục

Ngăn đóng phương thức Bootstrap khi nhấp vào bên ngoài chỉ sử dụng Bootstrap và HTML
Vô hiệu hóa Nhấp chuột bên ngoài Phương thức Bootstrap bằng jQuery
Câu hỏi thường gặp về Ngăn đóng phương thức Bootstrap khi nhấp vào bên ngoài

Ngăn đóng phương thức Bootstrap khi nhấp vào bên ngoài chỉ sử dụng Bootstrap và HTML

Để ngừng đóng phương thức Bootstrap khi nhấp vào bên ngoài chỉ sử dụng Bootstrap, bạn phải thêm các thuộc tính Bootstrap với các giá trị liên quan của chúng là data-backdrop="static" và backdrop0 vào thành phần nút hiển thị cửa sổ bật lên phương thức khi nhấp

Kiểm tra trực tiếp

Thí dụ

XHTML

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

loại ="nút"id< type="button" id="MybtnPreventHTML" class="btn btn-primary" data-target="#MymodalPreventHTML" data-toggle="modal" data-backdrop="static" data-keyboard="false">Open Modal

<. --. phương thức -->

class ="modal fade"id class="modal fade" id="MymodalPreventHTML">

class ="modal-dialog" class="modal-dialog">

class ="modal-content" class="modal-content">

class ="modal-header" class="modal-header">

loại ="nút"lớp< type="button" class="close" data-dismiss="modal">×

class ="modal-title" class="modal-title">Notification

class ="modal-body" class="modal-body">

Bạn có chắc chắn muốn tiếp tục không?

class ="modal-footer" class="modal-footer">

loại ="nút"lớp< type="button" class="btn btn-default" data-dismiss="modal">Close

đầu ra

Nhấp vào nút bên dưới để mở cửa sổ bật lên phương thức

mở phương thức

×

Thông báo

Bạn có chắc chắn muốn tiếp tục không?

Đóng

Ví dụ trên chứa phần tử nút và chỉ sử dụng nội dung HTML. Bạn có thể nhấp vào nút trên để mở phương thức Bootstrap. Bây giờ, hãy nhấp vào bên ngoài phương thức và kiểm tra xem nó đã đóng hay chưa. Bạn có thể thấy rằng phương thức chỉ đóng khi nhấp vào nút đóng bên trong phương thức chứ không phải khi nhấp vào bên ngoài cửa sổ bật lên của phương thức. Phương thức bootstrap ngăn đóng khi nhấp chuột bên ngoài chỉ bằng cách sử dụng HTML và Bootstrap

Ngoài ra, khi nhấn nút thoát ('ESC') của bàn phím, chế độ sẽ không đóng

Bạn có thể ngừng đóng phương thức khi nhấp chuột bên ngoài cửa sổ bật lên phương thức Bootstrap. Nó hữu ích khi bạn muốn khách truy cập của mình chỉ nhấp vào bên trong nút bật lên phương thức và buộc họ điền vào biểu mẫu đăng ký. Nó có thể giúp bạn tạo ra nhiều khách hàng tiềm năng và chuyển đổi hơn bằng cách sử dụng các phương pháp trên

Thưởng. tải xuống BẢNG CHIA SẺ Bootstrap miễn phí sẽ hiển thị cho bạn hơn 20 ví dụ quan trọng nhất để tìm hiểu trong Bootstrap

Vô hiệu hóa Nhấp chuột bên ngoài Phương thức Bootstrap bằng jQuery

Để ngăn việc đóng Bootstrap modal khi click bên ngoài bằng jQuery, bạn phải sử dụng hai tùy chọn có giá trị là backdrop1 và backdrop2. Tùy chọn đầu tiên Tùy chọn backdrop vô hiệu hóa phương thức đóng đối với sự kiện nhấp chuột bên ngoài và tùy chọn thứ hai Tùy chọn keyboard ngăn việc đóng phương thức Bootstrap khi nhấn nút 'ESC' trên bàn phím

Kiểm tra trực tiếp

Thí dụ

XHTML

1

2

3

4

5

6

7

8

9