js表单,冒泡,监听,事件

133 阅读1分钟
onsubmit 表单提交事件不支持input标签,支持form标签
onreset 表单重置事件不支持input标签,支持form标签
onreset 使用这个事件 除了默认的可以清除表单外
 还可以做一些 清除表单之后的事情 ,比如把输入的背景色改回来
onchange 用户改变域的内容
onfocus 获取焦点
onblur 元素失去焦点
event是一个js的关键字 这个关键字变量保存了事件源对象的属性
let eObj = e || event;//兼容写法 让谷歌和ie都支持
stopPropagation()阻止事件冒泡的方法
cancelBubble取消冒泡属性*addEventListener*是一个侦听事件并处理相应的函数。
addEventListener是一个侦听事件并处理相应的函数。

监听onclick和click事件区别

  • onclick:设置多个会被覆盖 只保留最后一个
  • click:设置多个不会被覆盖,false表示冒泡(从里到外触发事件)
  •    true表示捕获 (从外到里触发事件)
     
    
ondblclick/dblclick鼠标双击
mousemove鼠标在指定的区域内移动事件
h1.addEventListener('mousemove',function(){
      console.log('我移动了');
      }

\ 转义符 \" 把" 当作一个字符串
div1.innerHTML = "<h1 style=\"color:red;\">我是div</h1>"