為同一個元素繫結不同的事件指向同一個事件的處理函式
<input type="button" value="點選" id="btn"/>
<script src="commer.js"></script>
<script>
//為同一個元素繫結不同的事件指向同一個事件的處理函式
ver("btn").onclick=f1;
ver("btn").onmouseover=f1;
ver("btn").onmouseout=f1;
function f1(e) {
switch (e.type) {
case "click":
alert("好帥噢");
break;
case "mouseover":
this.style.backgroundColor="red";
break;
case "mouseout":
this.style.backgroundColor="green";
break;
}
}
</script>
相關推薦
為同一個元素繫結不同的事件指向同一個事件的處理函式
<input type="button" value="點選" id="btn"/><script src="commer.js"></script><script> //為同一個元素繫結不同的事件指向同一個事件的處理函式 ver("btn").on
為未來元素繫結事件(JavaScript和jquery兩種方法對比)
小白 ~_~!! 日常打醬油 一般我們為已經存在的元素繫結事件,那麼直接獲取這個元素的id,直接繫結上去就可以了. 但當這個元素不存在,將會我們又會新增進去的時候,直接獲取目標元素id繫結事件就會對未來新新增的元素失效了!!. 也就是你後來新新增這個元素,是無法被觸發的
jQuery為動態元素繫結事件的方式
在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的,具體寫法如下圖。 $(selector).bind(event
為任意元素繫結任意
//為任意元素繫結任意的事件(三要素:任意元素,事件型別,事件處理函式) function addEvent(element,type,fn){ //判斷這個瀏覽器是否支援 if(element.addEventListstener
RabbitMQ通過Exchange.Direct、同一個佇列繫結不同的routekey實現不同的消費
通過消費者去進行Exchange和Queue通過不同的RouteKey進行繫結 消費者1: static void Main(string[] args) { ConnectionFactory factory = new ConnectionFacto
jQuery on() 方法 為選定已存在元素和未來元素繫結標準事件和自定義事件
很有必要說說jQuery的on方法,這個方法存在大乾坤大奧祕,主要注意兩點: 1、為已存在元素和未來元素(動態新增元素)繫結處理函式。 2、自定義一個非標準的事件並繫結處理函式。 定義和用法 on() 方法在被選元素及子元素上新增一個或多個事件處理程式。 自 jQuery 版本 1.7 起,on()
Vue、React同一個dom元素如何繫結多個點選事件?
Vue:<button type="button" @click="a();b()">vue按鈕</button> React:<button type="button
從零開始學 Web 之 DOM(六)為元素繫結與解綁事件
大家好,這裡是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... +------------------------------------------------------------ github:https://github.com/Daotin/Web 微信公眾號:Web前端之
從零開始學 Web 之 jQuery(五)操作元素其他屬性,為元素繫結事件
一、操作元素的寬和高 1、方法一 元素.css("width"); 元素.css("height"); 最後得到的是字串型別的,比如 200px。 如果我們在設定為原來寬高2倍的時候,就要先把獲取的寬高轉換成數字型別,再乘以2,這樣操作比較麻煩,有沒有簡單的方法呢? 2、方法二 元素.width(屬性
從零開始學 Web 之 jQuery(六)為元素繫結多個相同事件,解綁事件
一、為元素繫結多個相同事件 1、方式一 $("#btn").click(function () { console.log("click1"); }).click(function () { console.log("click2"); }).cli
jQuery-為動態新增的元素繫結事件(以及不重複新增新的內容)
在使用jQuery的方式為元素繫結事件時,我經常使用bind或者click,但這隻能為頁面已經載入好的元素繫結事件。像需要用ajax的方式請求遠端資料來動態新增頁面元素時,顯然以上幾種繫結事件的方式是無效的 $(selector).bind(event,d
為元素繫結事件和解綁事件的js相容程式碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head>
對同一個物件繫結多個響應事件並都執行,和此例子的相容程式碼
要點: 1.因為 onclick=" " 新增的元素響應事件,先新增的事件,會被後來新增的事件層疊掉,只能執行最後一個響應的事件 所以要用到事件監聽addElementLitener()來繫結多個處理函式,而因為相容性的問題需要相容程式碼。 2.在IE8中,addE
利用chrome瀏覽器進行js除錯並找出元素繫結的點選事件詳解
大家有沒有遇到這樣的一個問題,我們在分析一些大型電子商務平臺的Web前端指令碼時,想找到一個元素繫結的點選事件,並不是那麼容易,因為有些前端指令碼封裝的比較隱蔽,甚至有些加密指令碼,用傳統的查詢元素ID、或者頁面原始碼方法去找,可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查詢元素繫
【v-on】一個元素繫結多個事件以及一個事件繫結多個函式的兩種寫法
本文程式碼主要講述了v-on繫結事件函式傳參,一個元素繫結多個事件的兩種寫法,一個事件繫結多個函式的兩種寫法,修飾符的使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
jQuery動態新增的元素繫結事件
今天在做專案是時候發現動態新增的元素不能繫結事件,由於本人js和jquery技術有限,所以也不知道原因,一查才知道,動態新增的元素繫結事件就會失效,所以修改了一下。 jquery中繫結事件一般使用bind,或者click,但是這隻能是對已經載入好的元素定義事件,那些後來新增插入
檢視html元素繫結的事件與方法的利器
WEB標準提倡結構、表現和行為相 分離,現在越來越多采用這種表現和行為的方式,但它也為我們開發除錯帶來一些問題,網頁載入一堆JavaScript,,我們很難搞清楚最後在哪些元素的哪個動作綁定了事件,尤其是JavaScript載入事件的
41. jQuery-使用unbind()方法移除元素繫結事件
1.效果圖 2.html程式碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>41. jQuery-使用unbind()方法移出元
react事件處理,為類方法繫結this
react事件繫結屬性的命名採用駝峰命名法, 如果採用JSX的語法,需要傳入一個函式作為事件處理函式,而不是一個字串(DOM元素的寫法)。 阻止事件的預設行為: 不能使用返回false的方式來阻止預設行為,必須明確的使用preventDefault 在類方法中繫
繫結在標籤中的事件如何獲取當前元素
如果要在下面的input元素中繫結一個keyup事件,要獲取當前value值,該如何獲取呢, <input type='number' id='mobile' placeholder='請輸