表单的onsubmit和onclick事件

白昼怎懂夜的黑 提交于 2019-12-05 09:39:36

1.执行顺序:点击按钮(type为submit的按钮)---> onclick ----> onsubmit ----> 表单提交,刷新页面

2.阻止事件(分两种):

    a. 采用这种绑定时:

    <form onsubmit="bc()" action="123">

        <button type="submit" onclick="btnClick()">提交</button>

    onclick和onsubmit事件中window.event.preventDefault() ; 而return false无效

    onclick和onsubmit事件中window.event.preventDefault() ; 而return false无效

    b. 采用这种绑定时:

    <form onsubmit="return abc()" action="123">

        <button type="submit" onclick="btnClick()">提交</button>

    onclick和onsubmit事件中window.event.preventDefault()和return false都有效

3.注意:绑定onsubmit事件时,事件的名称不能为 submit,不然不执行。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!