獲取繫結事件元素的ID例項教程

2022-09-24 01:54:10 字數 451 閱讀 2673

小程式list資料帶值跳轉,一般直接通過設定item的id來標識或者通過設定鍵值data-***x的方式標識。如下圖所示:

解析出來的結果如下圖:

我們看到它在元素上繫結了乙個checkschoollogin事件,觸發這個事件時需要獲取該元素的id值,我們如何獲取呢?

先不急著知道方法,我們先用下面的方法看它點選的時候返回了一些什麼資料:

如下圖所示,點選之後發現e裡面帶有這些屬性,我們可以看到 currenttarget下面有個id, dataset下面也有個id,這不正是我們需要獲取的資料嗎?到了這裡,聰明的你肯定知道該怎麼獲取到值了吧~

1.通過 e.currenttarget.id即可獲取該元素id。

2.通過e.currenttarget.dataset.id即可獲取你自己設定的data-id裡面值。

解決問題,不僅需要知其然,還需要知其所以然,這樣,才會有進步的喲~~

js事件繫結並獲取元素

dom事件繫結的幾種方式 html中直接繫結 利用html事件屬性。html中繫結事件叫做內聯繫結事件,不利於分離。不能解綁 js中直接繫結 利用dom操作。js中直接繫結稱為賦值繫結函式,缺點是只能繫結一次。解綁ele.nclick null addeventlistener 注意去掉on,通過r...

JS監聽滾動id自動定位滾動例項教程

本文主要介紹原生js進行滾動監聽和id定位滾動,與效果錨點類似,適用於vue。關鍵性 如下 var scroll document.documentelement.scrolltop document.body.scrolltop 獲取螢幕距離頂部的距離.js 下述方法是引入mui vue的案例 展...

jquery獲取dom元素身上的繫結事件的問題

在jquery1.8.0版本之前,我們要想獲取某個dom繫結的事件處理程式可以這樣 data domobj,events 或者 selector data events jquery1.8.0版本開始,jquery突然不支援這樣使用了,而是改到了乙個叫 data 的函式功能上了,即,1.8.0及以後...