Nút hoạt động như thế nào trong JavaScript?
4 phần tử thuộc loại 5 được hiển thị dưới dạng các nút ấn đơn giản, có thể được lập trình để điều khiển chức năng tùy chỉnh ở bất kỳ đâu trên trang web theo yêu cầu khi được gán chức năng xử lý sự kiện (thường dành cho sự kiện ________0____6) Show Ghi chú. Trong khi các phần tử 4 thuộc loại 5 vẫn là HTML hoàn toàn hợp lệ, thì phần tử 9 mới hơn hiện là cách ưa thích để tạo các nút. Cho rằng văn bản nhãn của 9 được chèn giữa thẻ mở và thẻ đóng, bạn có thể đưa HTML vào nhãn, thậm chí cả hình ảnhThuộc tính của phần tử 1 chứa một chuỗi được sử dụng làm nhãn của nút________số 8_______ Nếu bạn không chỉ định một 2, bạn sẽ nhận được một nút trống
Các phần tử 1 không có hành vi mặc định (anh em họ của chúng, 5 và 6 được sử dụng để gửi và đặt lại biểu mẫu, tương ứng). Để làm cho các nút làm bất cứ điều gì, bạn phải viết mã JavaScript để thực hiện công việcChúng tôi sẽ bắt đầu bằng cách tạo một nút đơn giản với trình xử lý sự kiện 6 để khởi động máy của chúng tôi (tốt, nó bật tắt 2 của nút và nội dung văn bản của đoạn sau)
Tập lệnh lấy tham chiếu đến đối tượng 9 đại diện cho 4 trong DOM, lưu tham chiếu này vào biến 5. Sau đó, 2 được sử dụng để thiết lập chức năng sẽ chạy khi các sự kiện 6 xảy ra trên nútPhím tắt, còn được gọi là phím truy cập và tương đương với bàn phím, cho phép người dùng kích hoạt một nút bằng một phím hoặc tổ hợp phím trên bàn phím. Để thêm lối tắt bàn phím vào một nút — giống như bạn làm với bất kỳ 4 nào hợp lý — bạn sử dụng thuộc tính toàn cầu 5Trong ví dụ này, s được chỉ định làm phím truy cập (bạn sẽ cần nhấn s cùng với các phím bổ trợ cụ thể cho tổ hợp trình duyệt/hệ điều hành của mình; xem phím truy cập để biết danh sách hữu ích của các phím đó)
Ghi chú. Tất nhiên, vấn đề với ví dụ trên là người dùng sẽ không biết khóa truy cập là gì. Trong một trang web thực, bạn phải cung cấp thông tin này theo cách không can thiệp vào thiết kế trang web (ví dụ: bằng cách cung cấp một liên kết dễ truy cập trỏ đến thông tin về khóa truy cập trang web là gì) Để vô hiệu hóa một nút, hãy chỉ định thuộc tính toàn cầu 6 trên nút đó, như vậy
Đặt thuộc tính bị vô hiệu hóaBạn có thể bật và tắt các nút trong thời gian chạy bằng cách đặt 6 thành 8 hoặc 9. Trong ví dụ này, nút của chúng tôi bắt đầu được bật, nhưng nếu bạn nhấn nó, nó sẽ bị tắt bằng cách sử dụng 0. Sau đó, chức năng 1 được sử dụng để đặt lại nút về trạng thái đã bật sau hai giây
Kế thừa trạng thái bị vô hiệu hóaNếu thuộc tính 6 không được chỉ định, nút sẽ kế thừa trạng thái 6 từ phần tử cha của nó. Điều này giúp có thể bật và tắt tất cả các nhóm phần tử cùng một lúc bằng cách đặt chúng trong một vùng chứa, chẳng hạn như phần tử 4, sau đó đặt 6 trên vùng chứaVí dụ dưới đây cho thấy điều này trong hành động. Điều này rất giống với ví dụ trước, ngoại trừ thuộc tính 6 được đặt trên 4 khi nhấn nút đầu tiên — điều này khiến cả ba nút bị vô hiệu hóa cho đến khi hết thời gian chờ hai giây
0Ghi chú. Theo mặc định, không giống như các trình duyệt khác, Firefox sẽ duy trì trạng thái tắt động của một 9 trong các lần tải trang. Sử dụng thuộc tính để kiểm soát tính năng nàyCác nút không tham gia xác thực ràng buộc; Ví dụ dưới đây cho thấy một ứng dụng vẽ rất đơn giản được tạo bằng phần tử 0 và một số CSS và JavaScript đơn giản (chúng tôi sẽ ẩn CSS cho ngắn gọn). Hai điều khiển trên cùng cho phép bạn chọn màu sắc và kích thước của bút vẽ. Nút, khi được nhấp, sẽ gọi một chức năng xóa canvas
Làm cách nào để lập trình một nút trong JavaScript?// 1. Tạo nút nút var = tài liệu. createElement("nút"); cái nút. innerHTML = "Làm gì đó"; // 2. Nối vào đâu đó var cơ thể = tài liệu. getElementsByTagName("body")[0]; cơ thể người. appendChild(nút); Nút bấm hoạt động như thế nào?Nhấn và thả nút chuột để chọn nút, biểu tượng, menu tệp hoặc đối tượng khác . Ví dụ: khi bạn nhấp một lần vào siêu liên kết trong trình duyệt, liên kết đó sẽ được mở. Với chuột có hai nút trở lên, nhấp chuột một lần mặc định là nút chuột trái, còn được gọi là nhấp chuột trái.
Làm cách nào để có được nút trong JavaScript?Thuộc tính giá trị nút . Bước 1 - Trước tiên, chúng tôi tạo một nút bên trong biểu mẫu có giá trị được liên kết với thuộc tính giá trị Bước 2 - Tiếp theo, chúng tôi nhắm mục tiêu phần tử nút bằng id của nó và lấy giá trị của thuộc tính giá trị bằng cách sử dụng thuộc tính giá trị Làm cách nào để kích hoạt nút trong JavaScript?A) HTML. Add the following HTML Code to your editor //defining button and input field . Giải thích mã. . B) Mã Javascript. . Giải thích mã. . Hoàn thành mã. . đầu ra. . Sử dụng jQuery để bật/tắt nút |