js:取消事件的預設行為
2017年5月1號:
當我們使用表單的時候,肯定會使用到這麼一句話:
<input type="submit" class="button" />
是的,這句話的作用就是提交表單,但是如果我們想要取消點選按鈕後的預設行為呢?這時候我們需要的是去設定取消他的預設行為
document.querySelector("input.button").addEventListener("click", function(e) {
var event1 = e || event;
event1.preventDefault();
});
用e||event的作用是相容問題,就這麼簡單
相關推薦
JS的事件(2)--事件函式的取消/事件預設行為/鍵盤事件/滑鼠滾輪事件
這兩天課設,也沒有更博,沒有學習新的知識,沒有複習舊的知識,所以今天晚上有點空就想著把事件的第二部分完成,(其中還應該有滑鼠滾輪事件,但是今天晚上沒有看到那塊,所以就先更這一點,明天補齊),滑鼠滾輪事件也已經完成 1. 事件函式的取消 //事
js中事件預設行為
事件物件的preventDefault方法,可以阻止本次事件所觸發的瀏覽器預設行為,例如a標籤的href跳轉,瀏覽器的F5重新整理等等 在點選事件裡新增e.preventDefault()即可 準備一個a標籤就行 <a id="link" href="http:/
js:取消事件的預設行為
2017年5月1號: 當我們使用表單的時候,肯定會使用到這麼一句話: <input type="submit" class="button" /> 是的,這句話的作用就是提交表單,但是如果我們想要取消點選按鈕後的預設行為呢?這時候我們需要的是去設定取消他的預
js 事件預設行為
事件預設行為:當一個事件發生的時候瀏覽器自己會預設做的事 怎麼阻止? 當前這個行為是什麼事件觸發的,然後在這個事件處理函式中使用return false; oncontextmenu:右鍵選單事件,當右鍵選單(環境選單)顯示出來的時候觸發 ----------------
阻止事件預設行為(動作):(相容IE9以前版本寫法)
阻止事件預設行為(動作): 預設行為: 點右鍵彈出右鍵快捷選單 超級連結點選跳轉頁面 表單中點選提交按鈕提交表單 禁止拖拽頁面元素 ........ 標準:event.preventDefault() 非標準:event.returnValue = false; 相容
javascript-阻止事件冒泡和事件預設行為
1.事件冒泡 (1-1)冒泡是什麼? 事件冒泡就像熱水沸騰時產生汽泡往上升的情形一樣(往上傳遞的過程),事件冒泡出現的情況:假設一個html結構中兩個標籤存在父子層級關係,父盒子和子盒子都繫結一個相
事件委託/事件冒泡/事件捕獲&&阻止事件冒泡/阻止事件預設行為
要了解事件委託,首先要了解事件流的概念和事件執行流程: DOM2級中同時支援兩種事件模型:捕獲型事件和冒泡型事件 ,並且每當某一事件發生時,都會經過捕獲階段->處理階段->冒泡階段(有些瀏覽器不支援捕獲) ;事件的捕獲階段是由上層元素到下層元素的順序依次。而冒泡
js取消按鍵事件的預設行為
event.preventDefault()方法是用於取消事件的預設行為,但此方法並不被ie支援,在ie下需要用window.event.returnValue。下面是demo程式碼,直接拷貝放到一個檔案可以執行,如按下bakcspace鍵可以返回上次訪問網頁,把12行//
js事件中級(預設行為,拖拽)
預設行為:瀏覽器自帶的行為。 阻止預設/右鍵事件: <script> document.oncontextmenu=function(){ return false;//阻止預設事件 } </script> 例子:
js事件冒泡、阻止事件冒泡以及阻止預設行為
這裡是修真院前端小課堂,每篇分享文從 【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】 八個方面深度解析前端知識/技能,本篇分享的是: 【 js事件冒泡、阻止事件冒泡以及阻止預設行為 】 大家好,我是IT修真院武漢分院w
取消事件冒泡,取消預設行為
取消事件冒泡 標準瀏覽器:e.stopPropagation; IE瀏覽器:window.event.cancelBubble=true;(為了做相容,如果在前面寫明e=e||window.event;IE裡面就是e.cancelBubble=true;) 阻止
js事件冒泡和阻止瀏覽器預設行為的相容寫法
//阻止事件冒泡 相容w3c瀏覽器 function cBubble(e){ if(e.stopPropagation){ e.stopPropagation();//ie9+
js阻止取消冒泡和阻止預設行為(相容性寫法)
取消冒泡相容性寫法 function canclebubble(event){ var event = event||window.event; //相容火狐 if(
js新增事件、移除事件、阻止冒泡、阻止瀏覽器預設行為等寫法(相容IE/FF/CHROME)
js新增事件/移除事件/阻止冒泡/阻止瀏覽器預設行為寫法(相容IE/FF/CHROME)1.新增事件var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEven
JQuery事件之取消預設行為
JQuery事件的e引數的方法preventDefault()可以取消物件的預設行為。如下程式碼: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l
js 解決movebox移動問題 取消圖片預設拖動事件
html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="te
JS監聽checkbox的選擇獲取取消事件代碼案列
事件 onclick att 選中 types bsp put color type function OncheckBox(index){ if ($(index).attr("checked") == "checked") { alert($(ind
JavaScript阻止冒泡和取消事件默認行為
阻止冒泡 ble opp prop bubble script als spa rop //功能:停止事件冒泡 function stopBubble(e) { if ( e && e.stopPropagation ) {
A標簽onclick事件取消默認行為
www ogl ron 單擊 s函數 man blog 表示 屬性 在開發中,經常會碰到為a標簽綁定單擊事件,由於a標簽默認有跳轉的行為,所以會影響到我們的onclick事件的處理代碼。 我們需要屏蔽掉他的默認行為,下面是一些常用的方式。 <!DOCTYPE html
原聲js,取消事件冒泡,點擊按鈕,顯示box,點擊屏幕其他地方,box隱藏
lang || width pre document nodes onclick 谷歌 one <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g