表单的onsubmit和onclick事件

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,不然不执行。

猜你喜欢

转载自my.oschina.net/u/3272730/blog/1631275