前端学习中的一些小知识点。

1.阻止form表单提交的方式？

  <form action="">
    用户名:<input name="uname">
    <span></span><br>
    密码:<input type="password" name="upwd">
    <span></span><br>
    <input type="submit" value="提交注册信息">
  </form>

阻止form表单提交的方式？
1.为提交表单的input对象绑定click事件，阻止其默认事件。
$(’:submit’).click(function(e){
e.preventDefault();
})
2.为form对象绑定click事件，阻止其默认事件。

    $('form').click(function (e) {
      e.preventDefault();
    })

3.为form对象绑定submit事件，阻止其默认事件。

    $('form').submit(function (e) {
      e.preventDefault();
    })

2.阻止click点击事件

1.css禁用鼠标点击事件

.disabled { pointer-events: none; }

该属性作用是让元素实体 “虚化”。我们在页面上看到的这个按钮，只是一个虚幻的影子而已，可以理解为海市蜃楼或幽灵。不仅点击无效，鼠标还会直接穿透过去，到达下一层未设置该属性的位置。例如透过这个按钮，直接复制它下一层的内容！需要注意的是该属性会被继承，小心使用！
pointer-events: auto 则不会被穿透，所有元素默认为auto。

2.直接使用阻止事件的进行

e.stopPropatation||e.cancelBubble = true