jquery為繫結事件的方法傳參

阿新 • • 發佈：2018-12-31

用onclick點選事件舉例：
傳參時可以通過

$('#btn').click({paramName:'要傳到func的值'},func)
//或者
$('#btn').bind('click',{paramName:'要傳到func的值'},func)

func裡面怎麼取得引數呢？

function func(e){
    //e.data.paramName即為繫結func事件時的引數
    alert(e.data.paramName);
}

如果還不明白呢？來直接拿demo吧

<html>
<head>

<script src='jquery-2.1.4.min.js' 
></script>
<script>
    $(function(){
        init();
    });

    //按鈕將要繫結的方法
    var func = function(e){
        //e.data.msg即為傳過來的引數
        alert(e.data.msg);
    }

    //按鈕初始化click方法
    function init(){
        var msg = '我是引數！';
        $('#bt').click({msg:msg},func);
        //或者 $('#bt').bind('click',{xxx:xxx},btns.func); 

    }
</script>
</head>
<body>
<h1>jquery事件傳參測試</h1>

<input type="button" id='bt' value="按鈕"/>

<h5 style="color:red;">點選按鈕後，從繫結的方法中彈出引數。</h5>

</body>
</html>

jquery為繫結事件的方法傳參

用onclick點選事件舉例：傳參時可以通過 $('#btn').click({paramName:'要傳到func的值'},func) //或者 $('#btn').bind('click'

jquery繫結事件並傳參例如click

因為要做這樣一個作業,就是兩個select中option相互轉換,圖如下: 這個作業就是給幾個按鈕新增click()事件,一般的用法是這樣的: 複製程式碼程式碼如下: $("#but_one").click(function(){ $("#select1 option:selected").append

Jquery之繫結事件的三種方法(.bind .live .on .delegate )

live方法其實是bind方法的變種，其基本功能就同bind方法的功能是一樣的，都是為一個元素繫結某個事件，但是bind方法只能給當前存在的元素繫結事件，對於事後採用JS等方式新生成的元素無效，而live方法則正好彌補了bind方法的這個缺陷，它可以對後生成的元素也可以繫結

jQuery bind/One/live三種繫結事件方法的區別

1. bind/Unbind 在jquery的事件模型中，有兩個基本的事件綁定函式，bind與unbind，這兩個函式的含義就是匹配頁面元素進行相關事件的處理。比如我們在JS中經常使用到的 onfocus，onblur，onmouseover，onmousedown等事件都可以作為bind的引數進行傳遞。$

jQuery解除繫結事件

off方法：不帶引數，解綁元素上所有的方法　　　　帶一個引數，解綁這型別的方法　　　　帶二個引數，解綁這型別指定的方法 <html> <head> <title></title> </head> <style>

關於jquery 的繫結事件on 如何繫結動態生成的dom元素

今天遇到個問題，在table裡面動態更新資料，然後每一行會繫結相應的點選事件我原本是想用可作用於未來元素的on方法，但是實際上還是沒有起作用，程式碼如下： $(".form-table tbod

原生js繫結事件方法簡單封裝

const ListenerFN = function ({ target, event, FN, option = {} }) { if (target, event, FN) Error('ta

jquery on()繫結事件無效

今天在做專案的過程中遇到了jquery 動態生成的元素繫結事件的問題。首先我目前所瞭解的是 (1)用bind或者直接給元素加事件（例如click）這種的是對於頁面初始化就有的元素 (2)對於後面動態生成的元素無效,例如append(某動態生成元素),這種用以上的方法無效

2種js動態繫結事件方法

1、使用原生JS動態為動態建立的物件繫結事件1-1、建立一個function，用來相容IE8以下瀏覽器新增事件 function addEvent(el, type, fun) { if (el.addEventListener) {

SpringBoot Web專案的引數繫結：URL傳參及預設引數設定

一、@RequestParam 這個註解用來繫結單個請求資料，既可以是url中的引數，也可以是表單提交的引數和上傳的檔案它有三個屬性，value用於設定引數名，defaultValue用於對引數設定預設值，required為true時，如果引數為空，會報錯好，下面展示具

CVTE面試題——解決用addEventListener繫結的函式傳參無效問題

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head&g

js繫結事件方法：addEventListener與attachEvent的不同瀏覽器的相容性寫法

js的事件繫結方法中，ie只支援attachEvent,而FF和Chrome只支援addEventListener，所以就必須為這兩個方法做相容處理，原理是先判斷attachEvent只否為真（存在），如果為真則用attachEvent（）方法，否則的話就用addEvent

jQuery後繫結事件注意事項

注意:無論是JS還是jQuery在後繫結是事件時,都必須在頁面載入完以後 JS:window.onload=function(){} jQuery:$(function(){}) 相同點：都表示頁面載入後執行的程式碼不同點:window.onload=function()

為未來元素繫結事件(JavaScript和jquery兩種方法對比)

小白 ~_~!! 日常打醬油一般我們為已經存在的元素繫結事件,那麼直接獲取這個元素的id,直接繫結上去就可以了. 但當這個元素不存在,將會我們又會新增進去的時候,直接獲取目標元素id繫結事件就會對未來新新增的元素失效了!!. 也就是你後來新新增這個元素,是無法被觸發的

js解決動態繫結事件時不能傳參的問題

問題描述: js使用dom給元素繫結事件時如果直接傳入引數, 會有傳參失敗並且語句會執行並沒有成功繫結事件的情況舉個例子,假如我們有一個div (id="div1"), 我們想給它繫結一個onclick事件並傳入字串引數: (錯誤案例, 會導致如上後果) var div=doc

JQuery繫結事件bind（）方法和on（）方法的優缺點

jQuery繫結事件的方法有四種：bing（）、live（）、delegate（）、on（），其中live（），已經被淘汰了，其存在很多的問題，不適合使用，而delegate能夠在繫結事件後，依然可以新增動態元素事件。on（）可以說是前三種方法的結合體。 1.bind（）方法： b

jquery中匿名函式、選擇器、方法呼叫、繫結事件

轉載地址： https://blog.csdn.net/ideality_hunter/article/details/77935656 http://www.cnblogs.com/si-shaohua/p/3760286.html https://www.cnblogs.com/de

jQuery: Ajax動態載入內容on()繫結事件無效的解決方法

問題描述這是一個很普遍但又經常犯錯的問題，還是記錄一下。一個例子 HTML: <div id="the_div"> </div> <button id="btn">test</button> javascript

41. jQuery-使用unbind（）方法移除元素繫結事件

1.效果圖 2.html程式碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>41. jQuery-使用unbind（）方法移出元

38. jQuery-使用bind()方法繫結事件

語法格式： bind(type, [data], fn) 其中引數type為一個或多個型別的字串，如“click”或“change”，也可以自定義型別；可以被引數type呼叫的型別包括blur、focus、load、resize、scroll、unload、click、 dbl

jquery為繫結事件的方法傳參

相關推薦