sự kiện nhấp chuột javascript. Một số ví dụ onclick đơn giản trong javascript. Thiết lập sự kiện của riêng bạn. Chúng tôi đính kèm onclick vào một phần tử từ mã javascript

Xin chào tất cả những ai muốn hiểu chức năng của onclick(). Bài viết hôm nay sẽ giúp bạn hiểu rõ hơn về nguyên lý hoạt động. của người xử lý này sự kiện và sắp xếp ví dụ cụ thể JavaScript nhấp chuột, hay đúng hơn là những ví dụ.

Tôi sẽ chỉ cho bạn một số cách để làm việc với công cụ này, giải thích những ưu điểm và nhược điểm của chúng, đồng thời mô tả công việc jQuery với các sự kiện. Bây giờ hãy chuyển sang phân tích tài liệu!

Đầu tiên, chúng ta hãy nhìn vào phần lý thuyết của câu hỏi. Hầu hết mọi người đều xử lý tập lệnh trên trang của họ. Và thường đây là những sự kiện khác nhau. Để tất cả các sự kiện được lập trình này kích hoạt, bạn phải cài đặt một trình xử lý cho chúng.

Theo quy tắc viết, tất cả các trình xử lý đều bao gồm “on+tên sự kiện” trong tên của chúng, điều này được thấy trong onclick(). Tùy thuộc vào sự kiện đã chọn, quá trình xử lý sẽ diễn ra do hành động khác nhau. Trong trường hợp của chúng tôi, khi sử dụng onclick(), chỉ những sự kiện do nhấp chuột trái gây ra mới được thực thi.

Ngày nay, có một số tùy chọn để đưa trình xử lý cho các sự kiện hoặc sự kiện nhất định vào mã.

Hãy bắt đầu với tùy chọn đơn giản, bao gồm việc nhúng onclick() vào phần đánh dấu của chính tài liệu html. Nó trông như thế này:

Như bạn có thể thấy, khi bạn nhấp vào nút bằng nút chuột trái, thông báo “Click-click!” sẽ xuất hiện. Tôi muốn thu hút sự chú ý của bạn đến một chi tiết nhỏ nhưng quan trọng. Cảnh báo bên trong bạn chỉ có thể sử dụng dấu nháy đơn (‘’).

cũng ở trong trường hợp này có thể được sử dụng từ khóa cái này. Nó đề cập đến phần tử hiện tại và cung cấp tất cả các phương thức có sẵn cho nó.

Nhấp vào tôi

Dòng mã này tạo ra một nút có nội dung "Nhấp vào tôi". Sau khi nhấn, bạn sẽ thấy trên màn hình có thông báo: ““Press!” Nó sẽ thay thế tên đầu tiên của nút.

Phương pháp này chắc chắn là rất đơn giản. Tuy nhiên, nó chỉ phù hợp cho các nhiệm vụ tương tự, tức là. hiển thị thông báo hoặc thực hiện các lệnh đơn giản.

Nếu cần sử dụng cấu trúc tuần hoàn, sử dụng thẻ, v.v., thì phương pháp này không phù hợp. Nó sẽ làm giảm khả năng đọc của mã và cũng làm cho mã trở nên cồng kềnh và cẩu thả.

Trong trường hợp này, bạn nên sử dụng hàm.

Chức năng cho phép bạn tách mã yêu cầu thành một khối riêng biệt, sau này có thể được gọi thông qua trình xử lý sự kiện trong .

Ví dụ: tôi đã đính kèm một ứng dụng để hiển thị cho người dùng số kết quả có lũy thừa khác nhau, bắt đầu từ số 1 và kết thúc bằng số 5. Để làm điều này, tôi đã tạo một hàm countPow(), hàm này có thể truyền tham số. Trong ứng dụng của tôi, người dùng phải nhập một số làm biến hàm.

Như vậy, thông qua trình xử lý liên quan đến hàm nêu trên, các phép tính được thực hiện và hiển thị trên màn hình.

kết quả var =1; hàm countPow(n) ( for(var i=1; i