一个表单事件的延伸吧想到了哪里写哪里

上次说到了表单事件,那我这次还是接着说表单事件吧。。。

这次说的是type="button"加上这个属性之后点击这个提交的元素,导致form无法执行表单的提交.但是我们使用了button这个元素点击的时候却可以提交表单。提交按钮就会触发表单的提交事件所以想要不提交的话可以使用点击按钮是 type =“button”或者在提交时间里面写上return false||e.preventdefault();

 然后补充一下event对象这是我刚学前端时候的一个坑,就是event对象

event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等;event对象只在事件发生的过程中才有效。如果是一个普通的函数是没有这个event对象,所以普通函数需要这个对象的时候就需要通过触发的时间里面传递这个参数过去,就可以获得了。下次会补充一个自定义事件。在此之前回顾一下事件的冒泡和捕获,在低版本的浏览器中只存在事件捕获,就是从dom元素的最外层但真正事件源,而在高版本的浏览器里面是先捕获,后冒泡,冒泡就是事件源向外层父元素从传递,所以这样我们就可以事件代理,就是监听父元素事件原发生在子元素上,我们也可以监听到,并且发生事件。好处就是,点击多个li ,每一个都要绑定事件,才能执行事件发生时候的函数。但是绑定在ul上点击子元素就会触发事件。但是有些人就是用不惯冒泡可以那就取消冒泡呗,例如:在事件触发的时候
  // 现代浏览器
        e.stopPropagation()  
 // ie
        window.event.cancelBubble = true
还有组织浏览器的默认行为return false; 单纯的组织默认行为像submit提交表单,a标签跳转链接, 点击空白浏览器的右键行为。可以使用
 e.preventDefalut() 
 ie中return false

猜你喜欢

转载自blog.csdn.net/qq_32798243/article/details/79680829
今日推荐