1. 程式人生 > >JQuery事件之取消預設行為

JQuery事件之取消預設行為

JQuery事件的e引數的方法preventDefault()可以取消物件的預設行為。如下程式碼:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("a").click(function (e) {
                alert($(this).text());
                e.preventDefault();//取消預設行為,沒有這句話的話,會跳轉到baidu網站上
            });
        });
    </script>
</head>
<body>
    <a href="http://www.baidu.com">baidu</a>
</body>
</html>


相關推薦

JQuery事件取消預設行為

JQuery事件的e引數的方法preventDefault()可以取消物件的預設行為。如下程式碼: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

取消事件冒泡,取消預設行為

取消事件冒泡 標準瀏覽器:e.stopPropagation; IE瀏覽器:window.event.cancelBubble=true;(為了做相容,如果在前面寫明e=e||window.event;IE裡面就是e.cancelBubble=true;) 阻止

jQuery事件自定義事件

class query 傳遞 button 附加 code UNC selector scrip 其實事件的bind和unbind,都是為了自定義事件做準備。 語法: $(selector).trigger(type, data); 作用:在每一個匹配的元素上觸發某類事件

阻止事件冒泡及預設行為

為使點選當前元素,只執行當前所點選元素的特定操作,可以使用阻止冒泡或者阻止預設行為。 1、阻止預設行為。preventDefault()   <!DOCTYPE html> <html lang="en">     &l

vuejs-阻止事件冒泡與預設行為

一、阻止事件冒泡:   <div id="box"> <div @click="show2()"> <input type="button" value="按鈕" @click="show()"> </div>

js事件中級(預設行為,拖拽)

預設行為:瀏覽器自帶的行為。 阻止預設/右鍵事件: <script> document.oncontextmenu=function(){ return false;//阻止預設事件 } </script> 例子:

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

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

jQuery事件傳遞引數

   這次依然在Firefox中的firebug來測試這些功能。在我的頁面中有P標籤,input標籤(type=button)和一個img標籤;     1:傳遞引數:         A:使用trigger來觸發事件:              $('p:first').bind('myclick',fu

jQuery事件on()方法繫結多個選擇器,多個事件

 這樣一個需求,如果用live()方法實現的話 非常簡單,容易理解。 $('nav li, #sb-nav li, #help li').live('click',function(){// code...}); jquery在1.7版本後,建議大家用on方法代替之前的

JavaScript 預設行為 DOM2級,事件委託機制

1. 事件預設行為及阻止方式    1.1 瀏覽器的預設行為       JavaScript事件本身所具有的屬性,例如a標籤的跳轉,Submit按鈕的提交,右鍵選單,文字框的輸入等。    1.2 阻止預設行為的方式

jQuery 事件方法 : 阻止事件發生預設行為

阻止事件發生預設行為: 1、 例項 防止連結開啟 URL: $("a").click(function(event){ event.preventDefault(); }); 定義和用

js取消按鍵事件預設行為

event.preventDefault()方法是用於取消事件的預設行為,但此方法並不被ie支援,在ie下需要用window.event.returnValue。下面是demo程式碼,直接拷貝放到一個檔案可以執行,如按下bakcspace鍵可以返回上次訪問網頁,把12行//

js:取消事件預設行為

2017年5月1號: 當我們使用表單的時候,肯定會使用到這麼一句話: <input type="submit" class="button" /> 是的,這句話的作用就是提交表單,但是如果我們想要取消點選按鈕後的預設行為呢?這時候我們需要的是去設定取消他的預

JS的事件(2)--事件函式的取消/事件預設行為/鍵盤事件/滑鼠滾輪事件

這兩天課設,也沒有更博,沒有學習新的知識,沒有複習舊的知識,所以今天晚上有點空就想著把事件的第二部分完成,(其中還應該有滑鼠滾輪事件,但是今天晚上沒有看到那塊,所以就先更這一點,明天補齊),滑鼠滾輪事件也已經完成 1. 事件函式的取消 //事

jQuery -- touch事件滑動判斷(左右上下方向)

ble art func nat tde span class csdn def $("body").on("touchstart", function(e) { // 判斷默認行為是否可以被禁用 if (e.cancelable) { /

總結-DOM通用屬性&DOM獲取元素位置&事件繫結與移除&冒泡和標籤的預設行為

DOM通用屬性&DOM獲取元素位置&事件繫結與移除&冒泡和標籤的預設行為 DOM物件的通用屬性 innerHTML 獲取/設定元素裡的html內容。在設定元素的HTML內容的時候,會覆蓋掉原來的內容。 innerText 獲取/設定元素裡面的文字

js事件冒泡、阻止事件冒泡以及阻止預設行為

這裡是修真院前端小課堂,每篇分享文從 【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】 八個方面深度解析前端知識/技能,本篇分享的是: 【 js事件冒泡、阻止事件冒泡以及阻止預設行為 】 大家好,我是IT修真院武漢分院w

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

<a href="http://www.baidu.com" id="link">百度</a><script src="jquery-1.12.4.js"></script><script> $(function () { $("#

冒泡與捕獲,事件繫結,阻止事件冒泡,阻止預設行為

Internet Explorer 8 及更早IE版本不支援 addEventListener() 方法,Opera 7.0 及 Opera 更早版本也不支援。 但是,對於這些不支援該函式的瀏覽器,你可以使用 attachEvent() 方法來新增事件控制代碼。對於事件繫結相

js中事件預設行為

事件物件的preventDefault方法,可以阻止本次事件所觸發的瀏覽器預設行為,例如a標籤的href跳轉,瀏覽器的F5重新整理等等 在點選事件裡新增e.preventDefault()即可 準備一個a標籤就行 <a id="link" href="http:/