JS事件处理

第1关:注册事件处理程序
任务描述
本关任务:为指定的事件注册事件处理程序。
相关知识
页面上的每一个元素,会发生几种不同的事件,比如表单元素,可能会发生提交事件,也可能发生重置事件,我们需要为每一个事件绑定一个事件处理程序,也叫为事件注册事件处理程序。
下面是三种注册事件处理程序的方法。
为JavaScript对象设置一个函数
页面上的元素对应一个JavaScript对象,元素的每一个事件对应对象的一个属性,比如:

var myForm = document.getElementById("myForm"); myForm对应页面中id值为myForm的表单,myForm.onsubmit对应表单提交事件,myForm.onreset对应表单重置事件。通过为这些属性设置一个函数类型的值,实现事件处理程序的注册: //为表单提交事件注册处理程序 myForm.onsubmit = function() { console.log("表单提交的事件处理程序"); } //为表单重置事件注册处理程序 myForm.onreset = function() { console.log("表单重置的事件处理程序"); }

设置HTML标签属性的值为事件处理程序
比如,设置form标签的onsubmit属性的值为事件处理程序:

function submitForm() { console.log

你可能感兴趣的:(JS事件处理)