原生js阻止冒泡，相容寫法

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

js:

var $item = document.getElementById('item');
 $item.onclick = function (e) {//阻止冒泡
            if (e) {
              e.stopPropagation();
              e.preventDefault();
            } else {
              window.event.returnValue = false;
              window.event.cancelBubble = true;
            }
          }

html:

<div id="item">點選</div>

原生js阻止冒泡，相容寫法

js:var $item = document.getElementById('item'); $item.onclick = function (e) {//阻止冒泡 if

js--阻止冒泡，捕獲，預設行為

防止冒泡和捕獲 w3c的方法是e.stopPropagation()，IE則是使用e.cancelBubble = true· var el = window.document.getElementById("a"); el.onclick = function (e) {

js控制點選事件冒泡，相容ie火狐蘋果

function getEvent(){ if(window.event) {return window.event;}

原生js封裝jsonp，解決跨域問題

function jsonp(url, options) { // 建立script標籤 var $script = document.createElement('script'); // 解決快取問題 var f = url.indexOf('?') > -

js複製內容，相容所有瀏覽器

大概思路：創造一個新的節點，用完後刪除 var oInput = document.createElement('input'); oInput.value = '複製內容'; document.body.appendChild(oInput); oInput.select();//選

原生JS 獲取非行間樣式寫法及 style currentStyle getComputedStyle 的區別

1，style：相容各大瀏覽器，獲取不了外部樣式,寫了行內沒有的樣式,返回的是空值 obj.style.attr(獲取樣式) obj.style.attr=“值” 設定屬性值 2，currentStyle:該屬性只相容IE,不相容火狐和谷歌 obj.curre

js 阻止冒泡事件

js 阻止冒泡事件前段時間在做專案的時候寫js事件時，遇到了個問題和阻止冒泡事件有關，所以就用下面程式碼解決的 function stop(e){ //e.stopPropagation(); var evt = e|| window.event; &

JS匯出Excel，相容IE，且保留樣式

var tableHtml='<html><head><meta charset="UTF-8"></head><body>'; tableHtml += lHtml; tableHtml += '

常用原生JS方法總結（相容性寫法）

經常會用到原生JS來寫前端。。。但是原生JS的一些方法在適應各個瀏覽器的時候寫法有的也不怎麼一樣的。。。今天下班有點累。。。就來總結一下簡單的東西吧…… 備註：一下的方法都是包裹在一個EventUtil物件裡面的，直接採用物件字面量定義方法了。。。 ①新增事件方法 addHandle

原生JS的ajax，原生ajax傳遞引數格式，ajax引數傳遞，ajax傳遞引數

function success(weiXinConfig) { console.log("這是微信getConfig回撥函式"+ weiXinConfig); // weiXinConfig = JSON.parse(weiXinConfig); /

ExtJs實現阻止冒泡，以及再次允許冒泡——stopPropagation的正確使用

需求如下： ↑ 圖一：這是正常狀態 ↑ 圖二：這是hover效果 ↑ 圖三：這是點選編輯按鈕之後的狀態注：頁面中是3個Panel ，每個Panel都綁定了點選事件。“輸入框0”這不是Label而是一個readOnly為false的TextFi

js、jQuery，相容IE與firefox火狐的回車事件

js <script> document.onkeydown=function(event) { e = event ? event : (window.event ? window.event : null); if(e.keyCode==13){ //執行的

JS 回車提交，相容IE、火狐、Opera、Chrome、Safari……

1、JavaScript 方法： <script> document.onkeydown=function(event){ e = event ? event :(window.e

在原生js中的，table表格，display：block之後，樣式混亂

display:blockdisplay:block是可以把非塊級元素強制轉換為塊級元素顯示，如內嵌元素span，原來不支援設定寬高，寬度是由內容撐開的;display:table-rowtable-row:指定物件作為表格行，類同於html標籤<tr>問題如下當

JS阻止冒泡事件

JS事件流中有一種事件被稱為“冒泡事件”，當一個元素被觸發一個事件時，該目標元素上的事件會優先被執行，然後向外傳播到每個祖先元素，恰如水裡的一個泡泡似的，從產生就一直往上冒，到達水平面時，它才消失。在這個過程中，如果你只希望觸發目標元素上的事件，而不想它傳播到祖先元素上

原生JS封裝冒泡排序。

rtb 排序。 bsp arr class 冒泡排序排序 for turn //冒泡排序（從小到大） function bubbleSortSmallToBig(arr){ for(var i = 1;i < arr.length;i ++){

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

react阻止冒泡事件（使用原生js方法）

//彈出框消失 cancelShade(){ this.refs.shadeDiv.style.display="none" console.log(2)

js阻止取消冒泡和阻止預設行為(相容性寫法)

取消冒泡相容性寫法 function canclebubble(event){ var event = event||window.event; //相容火狐 if(

原生js阻止冒泡，相容寫法

相關推薦