JS中取消事件的兩種方式

阿新 • • 發佈：2019-01-18

取消事件：2種情況：
1. 在html中繫結事件處理函式：2個return

<span style="font-size:14px;"><script type="text/javascript">
     function validate(obj) {
        if (confirm("提交表單?")) {
           alert(obj.value);
           return true;
        } else {
           alert(obj.value);
           return false;
        }
     }
  </script>
  <body>
    <form action="http://www.baidu.com" <span style="background-color: rgb(255, 255, 153);">onsubmit="return validate(document.getElementByIdx_x('myText'))</span>;"> <!—引數的這種寫法注意下-->
   
       <input type="text" id="myText"/>
       <input type="submit" value="submit"/>
   
    </form>
  </body></span>

2. js中動態繫結事件處理函式：
DOM標準：e.preventDefault()
IE8: e.returnValue=false
相容：if(e.preventDefault){
e.preventDefault()
}else{
e.returnValue=false
}

<span style="font-size:14px;"><html>
<head>
    <title>表單提交的方式</title>
    <script>
        function checkUser() {
            //事件觸發時，獲取事件物件
            var e=window.event||arguments[0]
            var result = document.getElementById("userid").value;
            var password = document.getElementById("userpassid").value;</span>

<span style="font-size:14px;">            //當用戶名或密碼為空，取消事件，阻止表單提交
            if(reuslt==""||password==""){
      <span style="background-color: rgb(255, 255, 102);">          if(e.preventDefault()){
                    e.preventDefault();
                }else{
                    e.returnValue=false;
                }</span>

            }
        }
        window.onload = function () {
            //js動態繫結事件
            <span style="color:#ffff99;">do</span><span style="background-color: rgb(255, 255, 153);">cument.forms("myform").addEventListener("submit","checkUser",false);</span>

        }
    </script>
</head>
<body>
<form id="formid" name="myform" method='post' action='user_login_submit.action'>
    <table width="100%" border="0">
        <tr>
            <td width="60" height="40" align="right">使用者名稱 </td>
            <td><input type="text" value="" class="text2" name="username" id="userid"/></td>
        </tr>
        <tr>
            <td width="60" height="40" align="right">密  碼 </td>
            <td><input type="password" value="" class="text2" name="userpass" id="userpassid"/></td>
        </tr>
        <tr>
            <td width="60" height="40" align="right"> </td>
            <td>
                <div class="c4">
                    <input type="submit" value="" class="btn2"/>
                </div>
            </td>
        </tr>
    </table>
</form>

</body>
</html></span>

JS中取消事件的兩種方式

取消事件：2種情況： 1. 在html中繫結事件處理函式：2個return <span style="font-size:14px;"><script type="text/javascript"> function

C++中#include的兩種方式

一、#include< > 　　#include< > 引用的是編譯器的類庫路徑裡面的標頭檔案。　　假如你編譯器定義的自帶標頭檔案引用在 C:\Keil\c51\INC\ 下面，則 #include<stdio.h> 引用的就是 C:

jsp中include的兩種方式

JSP中include的兩種方法 1.include指令: 1 <%@include file="檔案的絕對路徑或者相對路徑"%> file屬性是必填的（絕對或相對路徑），但它不支援任何的表示式，也不允許通過？掛參方式來

JS中函式的兩種定義方法

定義函式在JavaScript中，定義函式的方式如下： function abs(x) { if (x >= 0) { return x; } else {

Tensorflow卷積中Padding的兩種方式

Tensorflow卷積中Padding的兩種方式兩種Padding VALID：若不夠滑動，則將右下的剩餘部分全部捨棄，從原矩陣左上角開始卷積。

Linux（CentOS）安裝Node.JS和npm的兩種方式（yum安裝和原始碼安裝）

宣告版本： Linux版本：CentOS release 6.9 / 64位 yum安裝 yum安裝是將yum源中的rpm包下載到本地，安裝這個rpm包。這個rpm包是別人編譯安裝好的二進位制包。這種方式方便快捷，特別是不用考慮包依賴。 0、

在Liferay中的下載--兩種方式

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="

js實現呼叫的兩種方式（1.呼叫函式 2.呼叫方法）

<!DOCTYPE html> <html> <head> <m

JS中訪問對象的兩種方式區別

log 存在語言 pre 兩種初始 cti col span 可以使用下面兩種方式訪問對象的屬性和方法 1.對象名.屬性名　　　　對象名.方法名() 2.對象名["屬性名"]　　　對象名["方法名"]() 1 var obj = { 2

JS中註冊事件的三種方式及相容性處理

第一種(所有瀏覽器都支援，但是無法給同一個物件的同一個事件註冊多個事件處理函式) btn.onclick = function() { alert("111") } btn.onclick = function() {

cocos2dx中精靈點選事件處理的兩種方式——Sprite和ImageView

1. ImageView 的方式：封裝的Widget元件ImageVIew實現了類似按鈕的監聽事件，所以處理起來很方便直接ImageView* _pPokerImageView; _pPokerI

詳解Java Swing中新增滑鼠事件的兩種方式

今天和一個正在培訓java的同學聊天，說起Java Swing中新增事件監聽的兩種方式。在此就給大傢俱體說說。 Java Swing中對事件監聽有兩種方式 1.新增內部監聽（也叫匿名內部類方式），實現程式碼如下： import java.awt.ev

Spring中使用屬性文件properties的兩種方式

文件 location 郵件發送 class mave red onf 路徑文件內容實際項目中，通常將可配置的參數放到屬性文件中，例如數據庫連接信息、redis連接信息等，便於統一管理。然後通過IoC框架spring將其加載到上下文中，使得程序可以直接使用。創建mys

js對象取值的兩種方式

使用 obj 括號 code spa bsp key值兩種 var var obj = {abc:"ss",nn:90}; var v1 = obj.abc;//使用點的方式 var v2 = obj["abc"];//使用中括號的方式在實際項目中一般使用點，會方便

1在html中添加js代碼的三種方式

abc cti 浮點 fine 時間 4.0 完成 span 作用域 1.第一種方式：在時間句柄後太假js代碼；例如瀏覽器彈出對話框; 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//

【Spark】篇---Spark中yarn模式兩種提交任務方式

方式 div -s and clas client 命令 yarn 模式一、前述 Spark可以和Yarn整合，將Application提交到Yarn上運行，和StandAlone提交模式一樣，Yarn也有兩種提交任務的方式。二、具體 1、yarn

Java中實現多線程的兩種方式

窗口 -- his 面向對象 new thread 資源 pub string /** * 使用Thread類模擬4個售票窗口共同賣100張火車票的程序 * * 沒有共享數據，每個線程各賣100張火車票 * * @author jiqinlin * */pu

java中數組復制的兩種方式

ava log brush class div 方法 () print str 在java中數組復制有兩種方式：一：System.arraycopy(原數組，開始copy的下標，存放copy內容的數組，開始存放的下標，需要copy的長度); 　　這個方法需要先創建一個空的

mybatis的sql中字段兩種映射（映射到實體）方式

tina 文件中 gpo entity 實體 body 映射 from tap mybatis的xml配置文件中，字段映射的兩種方式： 1.resultMap標簽中將數據庫的字段與實體類中的字段對應： <resultMap id="BaseResultMap" ty

WCF中的ServiceHost初始化兩種方式

wcf pre res body BE world typeof OS words 1 代碼方式 using(ServiceHost host=new ServiceHost(typeof(HelloWordService))) { host.AddSe

JS中取消事件的兩種方式

相關推薦