1. 程式人生 > >阻止瀏覽器預設行為和冒泡事件相容ie,ff

阻止瀏覽器預設行為和冒泡事件相容ie,ff

在前端開發工作中,由於瀏覽器相容性等問題,我們會經常用到“停止事件冒泡”和“阻止瀏覽器預設行為”。

1..停止事件冒泡

2.阻止瀏覽器的預設行為

有時候遇到需要遮蔽瀏覽器的一些快捷鍵行為時,比如說:ff下按Backspace鍵,會跳到上一個瀏覽器的歷史記錄頁面;

注意要在onkeydown事件中,呼叫stopDefault(event)函式,在onkeyup事件中呼叫是不成功的。

相關推薦

阻止瀏覽器預設行為冒泡事件相容ieff

在前端開發工作中,由於瀏覽器相容性等問題,我們會經常用到“停止事件冒泡”和“阻止瀏覽器預設行為”。 1..停止事件冒泡 function stopBubble(e) { //如果提供了事件物件,則這是一個非IE瀏覽器 if ( e && e.stopPropagation )   //因此

js事件冒泡阻止瀏覽器預設行為相容寫法

//阻止事件冒泡 相容w3c瀏覽器 function cBubble(e){ if(e.stopPropagation){ e.stopPropagation();//ie9+

js新增事件、移除事件阻止冒泡阻止瀏覽器預設行為等寫法(相容IE/FF/CHROME)

js新增事件/移除事件/阻止冒泡/阻止瀏覽器預設行為寫法(相容IE/FF/CHROME)1.新增事件var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEven

停止事件冒泡阻止瀏覽器預設行為

/*---------------阻止瀏覽器預設行為---------------*/ function stopDefault(e){ // 如果提供了事件物件,則這是一個非IE瀏覽器 if(e && e.preventDefault

事件源、事件物件、阻止事件冒泡阻止瀏覽器預設行為、Dom2級事件相容寫法

1事件物件的獲取 var e =e|event; 2事件源的獲取 var target=e.target||e.srcElemet; 3阻止事件 冒泡 e.cancelBubble=true; ie e.stoppropagation() 4阻止瀏覽器

React事件阻止瀏覽器預設行為/冒泡

React事件行為 React中無法用return false去阻止事件的預設響應行為 必須用 event.preventDefault();阻止瀏覽器預設行為, 例如標籤不跳轉 注: IE不認

div隱藏滾動條仍保留滾動效果相容IEFFWebkit O

只能說,既然需求有,那就得硬著頭皮做!光這個相容滾動條就花了我一早上+下午倆小時的時間! 需求: 一個可以滾動內容的div,超出高度隱藏內容,但是要保留滾動效果又不出現滾動條,同時相容各種瀏覽器。 思路: 假設這個div叫做scroll_con

相容 ieffGooglesafariopera 的回車事件

<html> <head> <title></title> <script type="text/javascript"> d

js文字框輸入點回車觸發確定相容IEFF

<head>  <script>  function EnterPress(e){ //傳入 event  var e = e || window.event;  if(e.k

js /jquery停止事件冒泡阻止瀏覽器預設事件

  var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件物件,則這是一個非IE瀏覽器 if (e && e.stopPropa

javascript, jQuery阻止預設事件冒泡事件

事件冒泡(event bubbling) 事件冒泡是指一個元素上的事件被觸發,然後這個事件按巢狀順序在父級元素上觸發,直至document根節點。   例如:     <!DOCTYPE html>     <html>     <head>       <titl

javascript, jQuery阻止默認事件冒泡事件

itl 節點 func ret turn bsp opp var prevent 事件冒泡(event bubbling)   事件冒泡是指一個元素上的事件被觸發,然後這個事件按嵌套順序在父級元素上觸發,直至document根節點。   例如: <!DOCT

js冒泡事件相容火狐瀏覽器

<body> <div id="out"> <div id="middle"> <div id="inner"&

阻止標籤預設行為(應用)

阻止標籤的預設行為, 如表單提交時, 如果內容不合法, 則要阻止提交行為 再比如給a標籤新增事件, 需要阻止頁面跳轉行為 今天本人給 ul - li - a 標籤新增點選事件, 點選後跳轉了, 顯然我是要事件起效果, 不是要它跳轉, 這才想起阻止跳轉行為 <a h

JS動態新增移除事件 獲取Event (相容IEFirefox)

今天小弄了一下JS事件,主要說一下FF和IE相容的問題 物件名.addEventListener("事件名(不帶ON)",函式名,true/false);(FF下) 物件名.attachEvent("事件名",函式名);(IE下) 說明:   事件名稱,要注意的是"

div隨滾動條上下滾動onscroll事件相容IE、火狐、谷歌瀏覽器

<script type="text/javascript"> var scrollFunction=function(e){ e=e || window.event; var _h = document.documentElemen

如何阻止複製剪下貼上事件

     在一些應用中,有時我們提交表單內容如(密碼)重要資訊時,為了安全,需要阻止一些複製剪下和貼上事件,今天做了一個簡單的例子有關阻止複製剪下和貼上事件:        <!DOCT

NodeJs中的http-server的使用--解決chrome瀏覽器執行htmljs檔案的時候無法呼叫本地的檔案

  一、環境:已經安裝了nodeJS。 二、安裝http-server:    開啟cmd --》 輸入  npm install http-server -g  注意:需要-g ,否則會出現錯誤,並且點選執行start.bat的時候

C#實現資料回滾A事件B事件同時執行其中任何一個事件執行失敗都會返回失敗

  /// <summary> /// 執行資料庫回滾操作,用於sql語句執行失敗後,恢復執行前的資料 /// </summary> /// <param name="TableName">目標表</param> /// <param

flex 相容IE8flex相容IE7,通過clear both清除浮動float 實現相容IE的flex佈局

   vue 配合 element-ui 佈局時,因element佈局容器預設flex佈局,而ie9不相容。為了使ie9上能良好的表現彈性佈局,查詢到以下部落格,完美解決。xi一、float 佈局float使元素脫離文件流,並且父元素內的其他的行內元素或者文字都會圍繞著他放置。下面我們現寫一段float的佈局