完善通用事件繫結函式

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

function bindEvent(elem, type, selector, fn){ if (fn == null) { fn = selector selector = null } elem.addEventListener(type, function(e) { var target if (selector) { //代理 target = e.target if(target.matches(selector)){ fn.call(target, e) } } else

{ //不是代理 fn(e) } }) } var div1 = document.getElementById('div1') //使用代理 bindEvent(div1, 'click', 'a', function(e) { e.preventDefault() console.log(this.innerHTML) }) //不使用代理 bindEvent(p1, 'click', function(e) { console.log(p1.innerHTML) })

完善通用事件繫結函式

function bindEvent(elem, type, selector, fn){ if (fn == null) { fn = selector selector = null } elem.addEventListener(type, fu

JQuery事件繫結函式中的bind,live,delegate,on的差別？

bind：把事件繫結到每一個匹配的元素上，主要特點 1.相容性比較好 2.繫結事件到所有選出來的元素上 3.不會繫結事件到動態新增的那些元素上 4.當元素很多時，會出現效率問題，特別是巢狀層次比較深的元素。 html程式碼 <ul id="ul">

jQuery原始碼-事件繫結函式bind/delegate/click...

前言:我用的jQuery版本為v2.0.1,jQuery繫結事件的介面有bind/delegate/click等其他方法，但是他們最終呼叫的還是this.on作為入口但是jQuery提供兩種繫結機制 1.普通事件繫結 2.委託繫結事件這兩中的區別有很大的不同，只是在作

前端筆記43——JavaScript中時事件繫結函式

前言在上篇部落格《前端筆記42——JavaScript中函式》中，我們有說起JavaScript中的函式。在平時開發中我們點選事件要用的函式，我們要怎麼繫結讓使用者觸發的事件繫結函式呢？下面來接受方法。事件繫結函式程式碼例項： <!DOCTYPE html&g

JS中事件繫結函式，事件捕獲，事件冒泡

1 事件繫結：事件與函式繫結的方式 1.1 元素.onclick這種形式，如下： 1 <div id="div1">aaa</div> 2 3 <script type="text/javascript">

總結-DOM通用屬性&DOM獲取元素位置&事件繫結與移除&冒泡和標籤的預設行為

DOM通用屬性&DOM獲取元素位置&事件繫結與移除&冒泡和標籤的預設行為 DOM物件的通用屬性 innerHTML 獲取/設定元素裡的html內容。在設定元素的HTML內容的時候，會覆蓋掉原來的內容。 innerText 獲取/設定元素裡面的文字

Javascript中事件繫結的函式加括號和不加括號的區別

今天在學習javascript中的時候遇到了一個問題,我將此問題簡化，抽取部分程式碼，如下：說明:#fname為一個按鈕,test是一個普通函式 test函式 function test() { alert("執行test函式"); }

React（5） --繫結函式事件

繫結函式事件在以類繼承的方式定義的元件中，為了能方便地呼叫當前元件的其他成員方法或屬性（如：this.state），通常需要將事件處理函式執行時的 this 指向當前元件例項。 run(){ alert('我是一個run方法') } <button onClic

【v-on】一個元素繫結多個事件以及一個事件繫結多個函式的兩種寫法

本文程式碼主要講述了v-on繫結事件函式傳參，一個元素繫結多個事件的兩種寫法，一個事件繫結多個函式的兩種寫法，修飾符的使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

通用的事件繫結的實現

考慮IE相容性關於IE低版本的相容性處理： IE低版本使用attachEvent繫結事件實現，使用量也比較少，很多網站並不支援。考慮代理代理是事件冒泡的一個具體應用場景：動態隨時新增元素，如一個div下面的多個a標籤；方法：將事件繫結到父級div上，通過targe

js中三種事件繫結之間的關係和事件處理函式裡的this值

<!DOCTYPE HTML> <html > <head> <meta charset="UTF-8"> </head> <body> <div id="b" onclick="cons

Js事件繫結時，函式名加括號和不加括號有什麼區別

一，在js程式碼裡加括號代表呼叫，執行這個方法；不加括號目的是引用,代表把這個函式賦值給某個變數。在下面程式碼裡： 1.1 btn.onclick=aa;是正

libevent原始碼學習-----統一事件源及訊號繫結函式

libevent在對檔案描述符，套接字進行監控時直接放到event，這些event通過io多路複用函式進行監控，然而對應訊號來說io複用函式卻無能為力，為了解決問題，libevent採用統一事件源的方式，即將訊號也表現成event的形式，用到了socketpai

angularJS之link函式對元素事件繫結或屬性的操作

var myApp=angular.module('myApp',[]); myApp.directive('hello',function(){ return { restrict:'AE', template:'<div>hello a

HTML給標籤的點選事件繫結匿名函式

結果就是a1和a3的點選事件會正常執行，a2就會有錯誤。可是a1、a2、d3的點選事件的繫結方式都是一樣的使用匿名函式，而且a2和a3的匿名函式的寫法也都是"function(){}"，為啥a2這種寫法不行呢？

jQuery1.7+如何實現動態事件繫結

.on( events [, selector ] [, data ], handler(eventObject) ) data 型別: Anything 當一個事件被觸發時，要傳遞給事件處理函式的event.data。 <button class="num1">點選

JS的事件繫結和事件流模型

一、JS事件（一）JS事件分類 1.滑鼠事件： click/dbclick/mouseover/mouseout 2.HTML事件： onload/onunload/onsubmit/onresize/onchange/onfoucs/onscroll 3.鍵盤事件

可相容的事件繫結方法

1 function addEvent(elem,type,handle){ 2 if(elem.addEventListener){ 3 elem.addEventListener(type,handle,false) 4 }else if(elem.att

Jquery通過append新元素之後事件繫結問題的解決方案:

1、重複繫結（DOM載入時，先對DOM中存在的元素進行事件繫結，每次新增的元素時，再對新增元素繫結一次事件） 2、直接在標籤上新增onclick屬性 3、事件委託 4、如果元素是用click事件append進來的，那麼功能函式必須放在這個click事件裡面; 具體程式碼不表，

JQurey事件繫結方法與區別

JQurey中用於繫結事件的方法包括bind()、live()、delegate()和on()。 $(selector).bind(event, data, function) //jquery1.9版本以下支援，jquery1.9及其以上版本刪除了此方法 $(selector).