五,事件物件 阻止瀏覽器預設動作 阻止事件冒泡

2022-03-04 22:30:37 字數 687 閱讀 8805

在jquery裡邊:

$().bind(『click』,function(evt));

$().click(function(evt){});

$().bind(『mouseover』,f1);

function f1(evt){}

事件物件:就使用紅色的evt即可,在jquery框架內部有做瀏覽器相容處理。

阻止瀏覽器預設動作、阻止事件冒泡:

dom2級瀏覽器預設動作阻止:

事件物件.preventdefault();    主流瀏覽器

事件物件.returnvalue = false;   ie瀏覽器

dom2級事件冒泡阻止:

事件物件.stoppropagation();    主流瀏覽器

事件物件.cancelbubule = true;   ie瀏覽器

在jquery裡邊:

$().bind(『click』,function(evt){

evt.preventdefault();

evt.stoppropagation();

preventdefault()方法是jquery的方法,名字與js底層**的名字一致而已。

並且其有做瀏覽器相容處理

stoppropagation()方法是jquery的方法,名字與js底層**的名字一致。

其有做瀏覽器相容處理

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

事實上stoppropagation和cancelbubble的作用是一樣的,都是用來阻止瀏覽器預設的事件冒泡行為。不同之處在於stoppropagation屬於w3c標準,試用於firefox等瀏覽器,但是不支援ie瀏覽器。相反cancelbubble不符合w3c標準,而且只支援ie瀏覽器。所以很...

JS阻止瀏覽器滾動事件

在前幾天的專案中,場景值如下 1.動態生成列表,列表高度不固定 2.外面父元素的屬性設定為overflow auto 3.滑鼠移動到列 li中的a上,出現選擇列表,滑鼠在列表上,列表不消失 4.當滑鼠放置到出現的列表上時,再滾動滑輪,因為出現的列表為是根據標籤a的位置來進行定位的,所以滾動的時a頁面...

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

一 停止事件冒泡 如果提供了事件物件,則這是乙個非ie瀏覽器 if e e.stoppropagation 因此它支援w3c的stoppropagation 方法 e.stoppropagation else 否則,我們需要使用ie的方式來取消事件冒泡 window.event.cancelbubb...