当前位置: 首页 > Web前端 > JavaScript

DOM事件的绑定方式对参数传递的影响

时间:2023-03-27 00:01:04 JavaScript

如果要实现元素的自动保存功能,有两种绑定事件的方法。直接在元素标记中绑定事件处理程序。如果不显式声明autoSave函数的参数,则不能使用事件对象。您可以使用它来获取元素的值:functionautoSave(){sessionStorage.setItem("autosave",this.value)}显式声明事件,可以通过event.target获取元素的值:.target.value)}中的javascript部分操作DOM,并绑定事件处理函数varinfo=document.getElementById("info"),此时无论事件是否发生,aotoSave函数都可以使用事件对象和this对象声明为参数:info.onchange=function(){sessionStorage.setItem("autosave",event.target.value)}info.onchange=function(e){sessionStorage.setItem("autosave",e.target.value)}usethisobjectinfo.onchange=function(){sessionStorage.setItem("autosave",this.value)}总结:在任何绑定模式下都可以直接使用这个对象;事件处理函数必须在标签中显式声明,事件必须在