事件

105 阅读2分钟

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>"
    }