1. 程式人生 > >如何給html元素的onclick事件傳遞引數即如何獲取html標籤的data

如何給html元素的onclick事件傳遞引數即如何獲取html標籤的data

某些非text元素,如a、button等用於觸發時間的標籤可已將要傳的資料放在一個屬性中,如data,這個屬性必須是不影響樣式的,可以使用任意非html定義的名字命名屬性,然後將資料傳到屬性中,

<button data="123" id="but" onclick="fun()">按鈕</button>

然後通過attr這個方法獲取屬性內容$(‘#but’).attr(‘data’)
其實完全可以直接寫在onclick裡作為引數

<button onclick="fun(123)">按鈕</button>

如果使用id觸發方法,還可以直接用this選擇

<button data="123" id="but" >按鈕</button>
$('#but').on('click', function(){
    var val = $(this).attr('data');
})

相關推薦

如何html元素onclick事件傳遞引數如何獲取html標籤data

某些非text元素,如a、button等用於觸發時間的標籤可已將要傳的資料放在一個屬性中,如data,這個屬性必須是不影響樣式的,可以使用任意非html定義的名字命名屬性,然後將資料傳到屬性中, <button data="123" id="but"

Javascript中button按鈕的onclick()事件傳遞引數

<input type="button" name="modify" onclick="aaa()" value="修改" /> function aaa(){  var u_id = '你的id值';  location.href = modifyUser.

js中的關於onClick事件引數傳遞

很多時候onclick事件是伴隨著頁面的跳轉,也就會有相應的引數傳遞案。案例如下所示: <a href="#" onclick='showTable(this)'>123</a>  #為你要跳轉的頁面  這個時候你傳的引數就是123  &nb

jquery父元素和子元素點選事件傳遞問題_不可把父元素事件傳遞元素_事件無限迴圈傳遞

前述:jquery中: 當一個元素的點選事件被觸發時,會自動將該事件向父級元素逐級專遞。 但是實際場景當中,我們可能會遇到需要在父級元素中定義點選事件,來觸發特定子元素的點選事件,我就遇到了這麼一個問題。  但是這麼做的後果,在jquery1.8.2版本及以後所有版本(截止目前最新版本為3.3),

js 拼接HTML字串 onclick事件傳多個引數問題

歡迎來到Altaba的部落格  2017年10月27日 問題:煩躁工作讓技術部落格停了好久才更新,實在對不住大家和自己了,今天重新撿起來  直接上原始碼 <!DOCTYPE html> <html lang="en"> <head>

開發過程中用Zepto/jquery未來元素新增事件,live()無法使用解決方法

 通過 live() 方法附加的事件處理程式適用於匹配選擇器的當前及未來的元素(比如由指令碼建立的新元素)。 live() 方法為被選元素附加一個或多個事件處理程式,並規定當這些事件發生時執行的函式。 $("button").live("click",function(){ $

微信小程式點選事件傳遞引數的方法

小程式在元件上繫結事件後,傳遞引數的方式不同於前端開發其他場景中直接加引數的方式,小程式在引數的傳遞時,採用事件物件的自定義屬性的方式,具體實現如下: wxml: <view bindtap="passQuery" data-index="1">點選事件傳參</view&g

iOS UIButton點選事件傳遞引數的解決辦法

一、問題的出現 原生的UIButton的點選事件唯一的引數就是UIButton本身,我們通常使用UIButton自帶的tag來使用不同的引數,在簡單的業務場景下,通過tag都是可以滿足需求的,但是在某些業務複雜的情況下,tag顯得有些無力了,畢竟通過tag來傳

AJAX動態建立HTML元素click事件無效

解決辦法:將click事件繫結到body元素下面(缺點:body上事件繫結多了,頁面受不了) $("body").on("click","Ajax動態建立的元素",function(){ //do something important,haha }); 示例如下:

25、VS2012中C++的main函式傳遞引數

接收引數並列印引數的 main 函式,程式碼如下: #include<iostream> using namespace std; int main(int argc,char* argv

foreach點選事件傳遞引數,處理後區域性重新整理

1、foreach點選事件傳遞引數 </c:forEach var="liveInfo" items="${liveInfos }"> <div id="th

react native點選事件傳遞引數

比如我們定義一個TouchableOpacity點選事件,該方法需要接收一個引數值,如下 _gotoSubClass(sectionID, rowID) { console.log("sect

對原生html之間get傳遞引數獲取引數的封裝

UrlParam .param(‘引數’) 如果頁面間傳遞的key無重複 獲取單個值 UrlParam .paramValues(‘引數’)如果頁面間傳遞的key有重複 得到一個數組 UrlParam .hasParam(‘引數’)判斷引數是否存在 Url

如何動態元素新增事件

要給動態新增的元素新增事件,可以給其父元素新增事件。這樣若是在冒泡事件下,點選事件由子元素傳遞到父元素,就會觸發父元素上繫結的事件函式,在函式裡做一下過濾,便可實現想要的功能。(在捕獲事件裡也是同樣的道理) 以下分三種事件舉例。JavaScript事件有HEML事件、DOM

jQuery的on()方法的兩種用法(委託元素進行事件監聽代理)

/* 6. 增加刪除元素*jQuery: * */     var li=$('<li class="item">content</li>');//建立子節點     $('ul').append(li);//在父節點後面新增子節點     $(li

如何新增HTML元素事件處理,有幾種方法

新增html元素的事件有三種方法。 1.通過HTML元素屬性。簡單說來就是在html結構中,給你要新增事件的元素新增一個屬性。 屬性名為 ‘on’ + 事件名。 如:你要給a元素繫結一個click事件,你就該這麼寫: name 2.通過物件屬性。 物

a標籤href屬性傳遞引數onclick屬性傳遞引數

1.href 傳遞變數 $(".dowebok").append('<a class="notice-content" id="href_content" target="_top" href

如何使用js來實現通過href完成多個html頁面之間的傳遞引數

有些時候我們需要在一連串的網站跳轉中都要使用某些引數值,那麼樓主分享的是:在不使用php和資料庫的情況下,如何通過簡單的js程式碼來實現多個網站之間的數值傳遞。(適合html+js菜鳥參考,高手勿噴~o(^▽^)o) 本文所要實現的功能如下: 1、A.htm

java啟動exe程式,傳遞引數獲取引數

1、java中啟動exe程式 ,並新增傳參 String[] cmd = {"hh.exe","12315"}; Process process = null; try { ProcessBuilder pb =

angular4.0中路由傳遞引數獲取引數

研究ng4的官網,終於找到了我想要的方法。我想要的結果是用‘&’拼接引數傳送,這樣閱讀上是最好的。 否則很多‘/’的拼接,容易混淆引數和元件名稱。 一般我們頁面跳轉傳遞引數都是這樣的格式: http://angular.io/api?uid=1&username=moon