Lập Web HTML sv cong nghe thuc pham bai23 tài liệu, giáo án, bài giảng , luận văn, luận án, đồ án, bài tập lớn về tất cả...
Bài 5: SỰ KIỆN TRONG JAVASCRIPT Các kiện cung cấp tương tác với cửa sổ trình duyệt tài liệu hành load trang web, hành động user nhập liệu vào form click vào button form Khi sử dụng quản lý kiện bạn viết hàm để biểu diễn cho hành động dựa vào kiện đựoc chọn Bảng kiện Javascript Tên kiện blur Mô tả Xảy điểm tập trungcủa ngõ vào di chuyển khỏi thành phần Form (Khi user click trường) click Khi user Click vào link thành phần Form change Xảy giá trị Form Field bị thay đổi user focus Xảy ngõ vào tập trung vào thành phần Form load Xảy trang Load vào duyệt mouseover Xảy User di chuyển mouse qua Hyperlink select Xảy User chọn trường thành phần Form submit Xảy User xác nhận nhập xong liệu unload Xảy User rời khỏi trang Web Bộ quản lý kiện (Event Handler) Để quản lý kiện javascript ta dùng quản lý kiện Cú pháp quản lý kiện: Ví dụ:: Ví dụ:: HIDE FROM OTHER BROWSERS var name = “”; // STOP HIDING FROM OTHER BROWSERS > Ví dụ: JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 18 Example 5.1 HIDE FROM OTHER BROWSERS // DEFINE GLOBAL VARIABLE var name = “”; function hello() { name = prompt(‘Enter Your Name:’,’Name’); alert(‘Greetings ‘ + name + ‘, welcome to my page!’); } function goodbye() { alert(Goodbye ‘ + name + ‘, sorry to see you go!’); } // STOP HIDING FROM OTHER BROWSERS > Các kiện Form Các kiện sử dụng để truy xuất Form như: OnClick, onSubmit, onFocus, onBlur, onChange Ví dụ:: Khi giá trị thay đổi function check() gọi Ta dùng từ khóa this để chuyển đối tượng trường hành đến hàm check() Bạn dựa vào phương thức thuộc tính đối tượng phát biểu sau: this.methodName() & this.propertyName Ví dụ:: Example 5.3 HIDE FROM OTHER BROWSERS function calculate(form) { form.results.value = eval(form.entry.value); } function getExpression(form) { form.entry.blur(); form.entry.value = prompt(“Please enter a JavaScript mathematical expression”,””); calculate(form); } //STOP HIDING FROM OTHER BROWSERS > Enter a JavaScript mathematical expression: The result of this expression is: formObjectName.fieldname:Dùng để tên trường hành Form formObjectName.fieldname.value: dùng lấy giá trị trường form hành Bài 5: SỰ KIỆN TRONG JAVASCRIPT Các kiện cung cấp tương tác với cửa sổ trình duyệt tài liệu hành load trang web, hành động user nhập liệu vào form click vào button form Khi sử dụng quản lý kiện bạn viết hàm để biểu diễn cho hành động dựa vào kiện đựoc chọn Bảng kiện Javascript Tên kiện blur Mô tả Xảy điểm tập trungcủa ngõ vào di chuyển khỏi thành phần Form (Khi user click trường) click Khi user Click vào link thành phần Form change Xảy giá trị Form Field bị thay đổi user focus Xảy ngõ vào tập trung vào thành phần Form load Xảy trang Load vào duyệt mouseover Xảy User di chuyển mouse qua Hyperlink select Xảy User chọn trường thành phần Form submit Xảy User xác nhận nhập xong liệu unload Xảy User rời khỏi trang Web Bộ quản lý kiện (Event Handler) Để quản lý kiện javascript ta dùng quản lý kiện Cú pháp quản lý kiện: Ví dụ:: Ví dụ:: HIDE FROM OTHER BROWSERS var name = “”; // STOP HIDING FROM OTHER BROWSERS > Ví dụ: JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 18 Example 5.1 HIDE FROM OTHER BROWSERS // DEFINE GLOBAL VARIABLE var name = “”; function hello() { name = prompt(‘Enter Your Name:’,’Name’); alert(‘Greetings ‘ + name + ‘, welcome to my page!’); } function goodbye() { alert(Goodbye ‘ + name + ‘, sorry to see you go!’); } // STOP HIDING FROM OTHER BROWSERS > Các kiện Form Các kiện sử dụng để truy xuất Form như: OnClick, onSubmit, onFocus, onBlur, onChange Ví dụ:: Khi giá trị thay đổi function check() gọi Ta dùng từ khóa this để chuyển đối tượng trường hành đến hàm check() Bạn dựa vào phương thức thuộc tính đối tượng phát biểu sau: this.methodName() & this.propertyName Ví dụ:: Example 5.3 HIDE FROM OTHER BROWSERS function calculate(form) { form.results.value = eval(form.entry.value); } function getExpression(form) { form.entry.blur(); form.entry.value = prompt(“Please enter a JavaScript mathematical expression”,””); calculate(form); } //STOP HIDING FROM OTHER BROWSERS > Enter a JavaScript mathematical expression: The result of this expression is: formObjectName.fieldname:Dùng để tên trường hành Form formObjectName.fieldname.value: dùng lấy giá trị trường form hành ... onUnload Example 5.1 < /HTML> Ví... onUnload=” alert(Goodbye ‘ + name + ‘, sorry to see you go!’);”> < /HTML> Ví dụ: JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 18 Example 5.1