js trigger()方法的用法：

阿新 • • 發佈：2019-02-06

trigger() 方法觸發被選元素上指定的事件以及事件的預設行為（比如表單的提交）。
該方法與 triggerHandler() 方法類似，不同的是 triggerHandler() 不觸發事件的預設行為。
與 triggerHandler() 方法相比的不同之處:

它不會引起事件（比如表單提交）的預設行為
.trigger() 會操作 jQuery 物件匹配的所有元素，而 .triggerHandler() 隻影響第一個匹配元素。
由 .triggerHandler() 建立的事件不會在 DOM 樹中冒泡；如果目標元素不直接處理它們，則不會發生任何事情。

下邊是測試用例：

<!doctype html> 

<html>
<head>
  <meta charset="utf-8">
  <title>triggerHandler demo</title>
  <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<button id="old">.trigger( "focus" )</button>
<button id="new" 
>.triggerHandler( "focus" )</button><br><br>
<p>執行 .trigger 後 input 輸入框自動獲取焦點，觸發事件的預設行為，而 .triggerHandler 僅僅
    執行了指定的事件瀏覽器並未執行動作，輸入框也沒有獲取焦點。</p>
<input type="text" value="將獲取焦點"><br>
    <input type="text" value="將獲取焦點"><br>
    <input type 
="text" value="將獲取焦點"><br>

<script>
$( "#old" ).click(function() {
  $( "input" ).trigger( "focus" );
});
$( "#new" ).click(function() {
  $( "input" ).triggerHandler( "focus" );
});
$( "input" ).focus(function() {
  //$( "<span>獲取焦點!</span>" ).appendTo( "body" ).fadeOut( 1000 );
    $(this).css('border-color','red')
});
</script>

</body>
</html>

js trigger()方法的用法：

trigger() 方法觸發被選元素上指定的事件以及事件的預設行為（比如表單的提交）。該方法與 triggerHandler() 方法類似，不同的是 triggerHandler() 不觸發事件的預設行為。與 triggerHandler() 方法相比的

js filter()方法用法

js filter() es6 方法總結 1.建立一個數組，判斷陣列中是否存在某個值 var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag:

JS中的call()方法和apply()方法用法總結

con get global message 傳遞參數接收 ESS tty 一般來說原文引自：https://blog.csdn.net/ganyingxie123456/article/details/70855586 最近又遇到了JacvaScript中的cal

JS-JavaScript String 物件-string物件方法1：charAt()

1.charAt():可返回指定位置的字元。 1). 語法：string.charAt(index) （index必需。表示字串中某個位置的數字，即字元在字串中的位置。） 2). 第一個字元位置為 0, 第二個字元位置為 1,以此類推. 3).

js 中call() 方法和 apply() 方法用法總結

以前對js 的call() 和 apply() 方法的理解一直比較模糊，模稜兩可的狀態，今天閒著有空，在網上查找了相關資料做一下總結 1, 每個函式都包涵兩個非繼承而來的方法，call() 方法和apply() 方法。 2，相同點兩個方法的作用都是一樣的。都是在特定的作用域中呼叫

前端---js中的call和apply方法用法

最近看到JavaScript中關於call()和apply()方法可以用來呼叫函式的動態呼叫和實現偽繼承兩種功能,今天在這裡給大家詳細介紹一下. 1.call()函式函式引用.call(呼叫者,引數1,引數2...) 等同於:呼叫者.函式(引數1,引數2...)=函

js中方法繫結多次問題：

2018年11月13日 15:52:57 a好記性不如爛筆頭閱讀數：6 標籤：前端 js

js中陣列的sort()方法用法，引數以及排序原理

程式碼如下： function a(a,b){ if (a>b){ return 1; } } function b(){ var arr=[1,4,12,2,3,33

iframe使用方法之：用js操縱iframe裡面的元素

iframe跟普通的元素不一樣，用普通的方法來操縱他不可以。 <span style="white-space:pre"> </span> var str=$("#descIf

js之prototype用法（給物件新增通用屬性/方法）

函式：原型每一個建構函式都有一個屬性叫做原型(prototype,下面都不再翻譯，使用其原文)。這個屬性非常有用：為一個特定類宣告通用的變數或者函式。 prototype的定義你不需要顯式地宣告一個prototype屬性，因為在每一個建構函式中都有它的存在。你可

js註意點：數組比較大小方法及數組與對象的區別

不一定介紹比較大小字符串既然無序延伸 asc 索引 (遷移自舊博客2017-04-19) 快速復制數組及數組比較大小方法首先介紹一下復制數組的方法： var arr = ['A', 'B', 'C', '

c# linq的高階用法：分頁查詢和匯出Excel共用一個方法

我們的查詢資料的介面往往需要整合匯出功能, 查詢、匯出的資料來源及資料格式基本相同，主要區別在於查詢往往需要分頁，而匯出是匯出所有查詢結果，不需要分頁。如果兩個方法分開寫就會有很多相同的程式碼, 下面的方法將兩者合併形成一個通用方法/// <summary>

js onclick用法：跳轉到指定URL

使用onclick跳轉到其他頁面/跳轉到指定url ☆如果是本頁顯示可以直接用location,方法如下：①onclick="javascript:window.location.href='http://www.huierlp.com'" ②onclick="locati

js堅持不懈之15：修改html內容和屬性的方法

堅持不懈方法 rip ner pan href document 屬性的方法 aid 1. 修改 HTML 內容 <!DOCTYPE html> <html> <body> <p id = "change">原始內容&l

js面試與筆試---js中的call()方法和apply()方法用法總結

1. 每個函式都包含兩個非繼承而來的方法：call()方法和apply()方法。 2. 相同點：這兩個方法的作用是一樣的。都是在特定的作用域中呼叫函式，等於設定函式體內this物件的值，以擴充函式賴以執行的作用域。一般來說，this總是指向呼叫某個方法的物件，但是使

fullpage.js使用方法

asc 分享 () att 後來 log itl ttr png 了解：【1】之所以叫做fullpage，是因為它可以全屏滾動，擁有強大的功能。【2】它依賴於jQuery庫，所以在使用fullpage之前先引入jQuery庫。使用：【1】<link rel="

【轉】安裝Vue.js的方法

環境搭建 node.js 初始化其它 cnpm lan commonjs pos 重量級框架安裝vue.js的方法一、簡介 Vue.js 是什麽 Vue.js（讀音 /vju?/, 類似於 view）是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是

安裝vue.js的方法

targe ejs 國內 sta 顯示代碼文件我們描述一、簡介 Vue.js 是什麽 Vue.js（讀音 /vju?/, 類似於 view）是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關

display:inline-block; 去除間隙的方法總結：

remove col rdp 設備狀態 zha targe style div 個人常用：如： <ul> <li><a href="#" >實時數據</a></li> <li>&l

Js基本方法

平方根 match 如果 pow ring mon 小寫 string 整數 Math.random() 日期時間函數（需要用變量調用）：var b = new Date(); //獲取當前時間b.getTime() //獲取時間戳b.getFullYear() //獲取年

js trigger()方法的用法：

相關推薦