1:表单的鼠标事件:
表单事件:
onfocus 获取焦点
onblur 元素失去焦点
onchange 用户改变域的内容,针对是select选择框使用
(value值是后台所需要的值 如果想传给后台 请把value属性上 写上你需要传的值)
onreset 表单重置事件
不支持input标签,支持form标签。
onreset 使用这个事件 除了默认的可以清除表单外还可以做一些 清除表单之后的事情 ,比如把输入的背景色改回来。
onsubmit 表单提交事件
不支持input标签,支持form标签
2:监听事件:
注册事件:传统的事件。注册事件的唯一,同一个元素同一个事件在只能设置一个处理函数,如果再次设置,后面的会覆盖之前的
监听addEventListener事件、
方法监听注册方式:addEventListence() 是一个方法 按照注册事件 依次处理 接受三个参数:type:事件类型字符串 比如 click ,mouseover 事件不要带on listener:事件处理函数,事件发生时,会调用该监听函数 useCapture:可选函数,是一个布尔值,默认是false
和onclick的区别 区别一 写的方法不会被覆盖
区别二 false表示冒泡(从里到外触发事件)
true表示捕获 (从外到里触发事件)
冒泡事件: 点击子元素 把父元素的事件也调用了
false表示冒泡(从里到外触发事件)
true表示捕获 (从外到里触发事件)
事件源:e console.log(e);
阻止冒泡方法:e.stopPropagation();
取消冒泡属性:e.cancelBubble = true;
event是一个js的关键字 这个关键字变量保存了事件源对象的属性
3:转义符
\ 转义符 \ " 把" 当作一个字符串
div1.innerHTML = "<h1 style="color:red;"> 我是div</h1>"
// div1.innerHTML = "<h1 style='color:red;'>我是div</h1>"
}