Đối với trong phạm vi nodejs
|
Trong chương này, chúng ta sẽ đề cập đến lựa chọn trong tài liệu, cũng như lựa chọn trong các trường biểu mẫu, chẳng hạn như Show
JavaScript có thể truy cập một lựa chọn hiện có, chọn/bỏ chọn toàn bộ hoặc một phần các nút DOM, xóa nội dung đã chọn khỏi tài liệu, gói nội dung đó vào một thẻ, v.v. Bạn có thể tìm thấy một số công thức cho các nhiệm vụ phổ biến ở cuối chương, trong phần “Tóm tắt”. Có thể điều đó đáp ứng nhu cầu hiện tại của bạn, nhưng bạn sẽ nhận được nhiều hơn thế nếu bạn đọc toàn bộ văn bản Các đối tượng Phạm viKhái niệm cơ bản của lựa chọn là Phạm vi, về cơ bản là một cặp “điểm biên”. phạm vi bắt đầu và phạm vi kết thúc Đối tượng Sau đó, chúng ta có thể đặt ranh giới lựa chọn bằng cách sử dụng Như bạn có thể đoán, hơn nữa chúng ta sẽ sử dụng các đối tượng Chọn văn bản một phầnĐiều thú vị là đối số đầu tiên Nếu Ví dụ, với phần tử Ở đây, chúng tôi lấy con đầu tiên của  Chọn các nút phần tửNgoài ra, nếu Điều đó rất hữu ích để tạo các phạm vi chứa toàn bộ các nút, không dừng ở đâu đó bên trong văn bản của chúng Ví dụ: chúng tôi có một đoạn tài liệu phức tạp hơn Đây là cấu trúc DOM của nó với cả nút phần tử và nút văn bản Hãy tạo một phạm vi cho Như chúng ta có thể thấy, cụm từ này bao gồm chính xác hai con của
Đây là bản demo. Nếu bạn chạy nó, bạn có thể thấy văn bản được chọn Đây là một giá thử nghiệm linh hoạt hơn, nơi bạn có thể đặt số bắt đầu/kết thúc phạm vi và khám phá các biến thể khác E. g. chọn trong cùng một Các nút bắt đầu và kết thúc có thể khác nhau Chúng tôi không phải sử dụng cùng một nút trong Chọn một mảnh lớn hơnHãy tạo một vùng chọn lớn hơn trong ví dụ của chúng ta, như thế này Chúng tôi đã biết làm thế nào để làm điều đó. Chúng ta chỉ cần đặt phần đầu và phần cuối làm phần bù tương đối trong các nút văn bản Chúng ta cần phải tạo ra một phạm vi, mà
Như bạn có thể thấy, khá dễ dàng để tạo ra một loạt bất cứ thứ gì chúng ta muốn Nếu chúng tôi muốn lấy toàn bộ các nút, chúng tôi có thể chuyển các phần tử trong Thuộc tính phạm viĐối tượng phạm vi mà chúng tôi đã tạo trong ví dụ trên có các thuộc tính sau
phương pháp lựa chọn phạm viCó nhiều phương pháp thuận tiện để thao tác phạm vi Chúng tôi đã thấy Đặt phạm vi bắt đầu
Đặt phạm vi kết thúc (phương pháp tương tự)
Về mặt kỹ thuật, Trong tất cả các phương thức này, Thậm chí nhiều phương pháp hơn để tạo phạm vi
Phương pháp chỉnh sửa phạm viKhi phạm vi được tạo, chúng ta có thể thao tác nội dung của nó bằng các phương thức này
Với những phương pháp này, về cơ bản chúng ta có thể làm bất cứ điều gì với các nút đã chọn Đây là giá đỡ thử nghiệm để xem chúng hoạt động Cũng tồn tại các phương pháp để so sánh các phạm vi, nhưng chúng hiếm khi được sử dụng. Khi bạn cần chúng, vui lòng tham khảo thông số kỹ thuật hoặc hướng dẫn sử dụng MDN Lựa chọnChúng tôi có thể tạo các đối tượng Việc lựa chọn tài liệu được đại diện bởi đối tượng Đây là ảnh chụp màn hình của vùng chọn có 3 phạm vi, được tạo trên Firefox Các trình duyệt khác hỗ trợ tối đa 1 phạm vi. Như chúng ta sẽ thấy, một số phương thức của Đây là một bản trình diễn nhỏ hiển thị lựa chọn hiện tại (chọn thứ gì đó và nhấp) dưới dạng văn bản cảnh báo (tài liệu. getSelection()) Thuộc tính lựa chọnNhư đã nói, về lý thuyết, một vùng chọn có thể chứa nhiều phạm vi. Chúng ta có thể lấy các đối tượng phạm vi này bằng phương thức
Ngoài ra, tồn tại các thuộc tính thường mang lại sự thuận tiện tốt hơn Tương tự như một phạm vi, một đối tượng lựa chọn có phần đầu, được gọi là "neo" và phần cuối, được gọi là "tiêu điểm" Các thuộc tính lựa chọn chính là
Lựa chọn kết thúc/bắt đầu so với Phạm vi Có một sự khác biệt quan trọng của điểm neo/tiêu điểm lựa chọn so với điểm bắt đầu/kết thúc của Như chúng ta đã biết, đối tượng Đối với các lựa chọn, không phải lúc nào cũng vậy Chọn thứ gì đó bằng chuột có thể được thực hiện theo cả hai hướng. “từ trái sang phải” hoặc “từ phải sang trái” Nói cách khác, khi nút chuột được nhấn và sau đó nó di chuyển về phía trước trong tài liệu, thì phần cuối (tiêu điểm) của nó sẽ ở sau phần đầu (điểm neo) E. g. nếu người dùng bắt đầu chọn bằng chuột và chuyển từ “Ví dụ” sang “in nghiêng” …Nhưng cùng một lựa chọn có thể được thực hiện ngược lại. bắt đầu từ “in nghiêng” đến “Ví dụ” (hướng ngược), sau đó phần cuối của nó (tiêu điểm) sẽ ở trước phần bắt đầu (neo) sự kiện tuyển chọnCó các sự kiện để theo dõi lựa chọn
Demo theo dõi lựa chọnĐây là một bản demo nhỏ. Nó theo dõi lựa chọn hiện tại trên Bản trình diễn sao chép lựa chọnCó hai cách để sao chép nội dung đã chọn
Đây là bản demo sao chép nội dung đã chọn dưới dạng văn bản và dưới dạng các nút DOM phương pháp lựa chọnChúng ta có thể làm việc với vùng chọn bằng cách thêm/xóa phạm vi
Ngoài ra còn có các phương pháp tiện lợi để thao tác trực tiếp với phạm vi lựa chọn mà không cần các lệnh gọi trung gian
Đối với hầu hết các tác vụ, các phương thức này đều ổn, không cần truy cập đối tượng Ví dụ chọn toàn bộ nội dung của đoạn Điều tương tự khi sử dụng phạm vi Để chọn thứ gì đó, trước tiên hãy xóa lựa chọn hiện tại Nếu một lựa chọn tài liệu đã tồn tại, hãy làm trống nó trước với Ngoại lệ là một số phương pháp lựa chọn, thay thế lựa chọn hiện có, chẳng hạn như Lựa chọn trong điều khiển biểu mẫuCác phần tử biểu mẫu, chẳng hạn như Tính chất
Sự kiện
phương pháp
Bây giờ hãy xem các phương pháp này hoạt động Ví dụ. lựa chọn theo dõiVí dụ: mã này sử dụng sự kiện Xin lưu ý
Ví dụ. di chuyển con trỏChúng ta có thể thay đổi Một trường hợp cạnh quan trọng là khi Vì vậy, bằng cách đặt Ví dụ Ví dụ. sửa đổi lựa chọnĐể sửa đổi nội dung của vùng chọn, chúng ta có thể sử dụng phương thức Đó là một phương pháp hơi phức tạp. Ở dạng một đối số đơn giản nhất, nó thay thế phạm vi người dùng đã chọn và xóa lựa chọn Ví dụ: ở đây, lựa chọn của người dùng sẽ được bao bọc bởi Với nhiều đối số hơn, chúng ta có thể đặt phạm vi Trong ví dụ này, chúng tôi tìm thấy Ví dụ. chèn vào con trỏNếu không có gì được chọn hoặc chúng tôi sử dụng Chúng tôi cũng có thể chèn một cái gì đó "tại con trỏ" bằng cách sử dụng Đây là nút chèn Làm cho không thể chọnĐể làm cho một cái gì đó không thể chọn, có ba cách
Người giới thiệu
Tóm lượcChúng tôi đã đề cập đến hai API khác nhau cho các lựa chọn
API thứ hai rất đơn giản vì nó hoạt động với văn bản Các công thức nấu ăn được sử dụng nhiều nhất có lẽ là
Và cuối cùng, về con trỏ. Vị trí con trỏ trong các thành phần có thể chỉnh sửa, như Công dụng của hàm range() trong để làm gì?Hàm range() trả về một dãy số, bắt đầu từ 0 theo mặc định và tăng dần 1 (theo mặc định) và dừng trước một số đã chỉ định.
Làm cách nào để lặp một phạm vi trong js?Một cách để lặp qua phạm vi ngày bằng JavaScript là sử dụng vòng lặp while . Chúng ta có thể tạo các biến cho ngày bắt đầu và ngày kết thúc. Sau đó, chúng tôi có thể tăng ngày bắt đầu cho đến khi đến ngày kết thúc. Chúng ta có các biến bắt đầu và kết thúc với ngày bắt đầu và ngày kết thúc tương ứng.
=> trong JS nghĩa là gì?Đó là một tính năng mới được giới thiệu trong ES6 và được gọi là hàm mũi tên . Phần bên trái biểu thị đầu vào của một chức năng và phần bên phải là đầu ra của chức năng đó.
3 đối số cho hàm phạm vi là gì?Hàm range() của Python nhận ba đối số. . số bắt đầu (tùy chọn). Dãy số nguyên được trả về bắt đầu từ số nguyên này. . số dừng. Dãy số nguyên mà range() trả về kết thúc trước số nguyên này. . stepValue (tùy chọn). Một giá trị số nguyên cho biết sự khác biệt giữa mỗi số nguyên trong chuỗi |
