JavaScript中事件的target屬性

阿新 • • 發佈：2017-07-15

button name 點擊事件 .html hasclass alert -c color min

target 事件屬性可返回事件的目標節點(哪個 DOM 元素觸發了該事件)，如生成事件的元素、文檔或窗口。

語法：event.target

<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $( 
"button").click(function (event) {

                //返回的是大寫的元素名BUTTON
                var targetNodeName = event.target.nodeName;
                //targetNodeName就是個字符串類型的元素名
                if (typeof targetNodeName == "string") {
                    //打印
                    alert("targetNodeName string")
                }
                $( 
"div").html("點擊事件由 " + targetNodeName + " 元素觸發");
                //$(targetNodeName)選擇這個元素
                if ($(targetNodeName).hasClass("button-class")) {
                    //打印
                    alert("targetNodeName has class button-class")
                }
                var parentNode = $(event.target.nodeName).parent()[0].nodeName.toLowerCase();
                 
//parentNode:body
                alert("parentNode:" + parentNode);

            });
        });
    </script>
</head>

<body>

<button class="button-class">這是一個按鈕</button>
<div></div>
</body>
</html>

JavaScript中事件的target屬性

button name 點擊事件 .html hasclass alert -c color min target 事件屬性可返回事件的目標節點(哪個 DOM 元素觸發了該事件)，如生成事件的元素、文檔或窗口。語法：event.target <html> &

javascript中數據屬性和訪問器屬性

創建 ron 利用就會 {} 嚴格模式 enum 使用 str 1.屬性　　ECMAScript中有兩種屬性：數據屬性和訪問器屬性。　　一、數據屬性　　數據屬性包含一個數據值的位置，在這個位置可以讀取和寫入值。　　var person = { name :"Ni

JavaScript中事件綁定的三種方式

element blog href 轉載 pre 模型 www. 初學者進行 JavaScript使得網頁與用戶友好交互，在使用 js 進行時間綁定的時候有三種綁定方式。第一種：初學者以及普通寫法 1 <div id="dom0"> 2 &

Javascript中的defer屬性和async屬性的用法

為什麼需要非同步載入js檔案：不使用非同步，文件在載入js程式碼時會阻塞其他資源的下載，導致空白頁面。（1）置於頂部的js指令碼，瀏覽器在執行時需要花費時間去下載外鏈檔案的程式碼並執行，此時會導致明顯的延遲，顯示為空白頁面，使用者無法瀏覽內容，也無法與頁面進行互動。（2）

Javascript中事件繫結的函式加括號和不加括號的區別

今天在學習javascript中的時候遇到了一個問題,我將此問題簡化，抽取部分程式碼，如下：說明:#fname為一個按鈕,test是一個普通函式 test函式 function test() { alert("執行test函式"); }

JavaScript中自定義屬性的操作

目錄 1.getAttribute("自定義屬性的名字") 獲取自定義屬性的值案例：點選li獲取成績 <head> <meta charset="UTF-8"> <title>Title</t

如何刪除JavaScript中物件的屬性

刪除JavaScript物件的屬性在開發中我們有時候可能需要刪除JavaScript物件中的某些屬性，這時候可以用delete來進行刪除屬性的操作，具體驗證可以參見以下的程式碼： delete [物件].[屬性] 驗證程式碼： let obj = { id

前端：標籤中的target=""屬性

<a href="" target="_blank" ></a> _blank -- 在新視窗中開啟連結 _parent -- 在父窗體中開啟連結 _self -- 在當前窗體

javascript中物件的屬性名為變數的場景

今天幫夥伴解決一個問題，開發功能中物件的屬性名是一個變數。按照他編寫的程式碼賦值後的物件，直接將變數名作為了屬性名。以下是其編寫程式碼： var aa = "ok"; var bb = "no"; var obj = {aa:bb}; console.log(obj);

JavaScript中的prototype屬性

prototype是函式的保留屬性，即所有的函式都有prototype屬性，它指向一個物件引用，這個物件稱為原型物件，當用new建立物件的時候，新建物件會重原型物件上繼承屬性和方法。應用從上面的定義可以看出，可以用prototype給物件新增屬性和方法，

JavaScript中Number常用屬性和方法

tof valueof fix als one false ring pre 最大 title: JavaScript中Number常用屬性和方法 toc: false date: 2018-10-13 12:31:42 Number.MAX_VALUE——1.7976

JavaScript中事件的相容(事件的繫結addEventListener/移除removeEventListener,阻止冒泡/預設)

一.事件相容 1.事件繫結:addEventListener 用於註冊事件處理程式(為文件節點).IE 中為 attachEvent,我們為什麼講addEventListener而不講attachEvent呢?一來attachEvent比較簡單,二來addEventListener才是

javascript中事件流，事件相容，事件繫結

1，事件流事件流描述的是從頁面中接收事件的順序。事件流是描述的從頁面接受事件的順序，當幾個都具有事件的元素層疊在一起的時候，那麼你點選其中一個元素，並不是只有當前被點選的元素會觸發事件，而層疊在你點選範圍的所有元素都會觸發事件。事件流包括兩種模式：冒泡和捕獲。事件捕獲：

Javascript 中 Function的屬性與方法

Javascript 中 Function 的屬性與方法 1. Function 建構函式的屬性與方法 1. Function.arguments （不建議使用）代表傳入函式的實參

javascript中物件的屬性的特性

enumberable: 表示是否能通過for-in迴圈返回屬性。預設為true writable: 是否可以修改屬性, 預設為true value: 包含這個屬性的資料值。讀取屬性值時3,從這個屬性讀，寫入屬性時，把新值儲存到這個位置。預設值為undefine. getter: 在讀取屬性時，呼叫的函式

Javascript中事件機制詳解

起JSON和JSONP，想必很多人一開始會認為這兩者是有一定的聯絡的，然而JSON和JSONP雖然只有一個字母的差別，但其實他們根本不是一回事，這讓我想起一句話“JSON和JSONP的區別就是雷鋒和雷鋒塔的區別”，那麼雷鋒和雷鋒塔的有什麼樣的區別呢？當然是沒有區別！！！

JavaScript中Event.returnValue屬性

1.該屬性是設定或獲取事件的返回值。Event物件的returnValue屬性的值一般是true,即指令碼處理完自己的工作後由元素處理事件。通過該屬性可以取消事件處理程式中呼叫函式的預設操作。現在舉個例子說明： <html> <head> <

javascript中事件對象註冊與刪除

ie8 ply 設置 als google 一個標簽設置 this ... 事件對象註冊事件直接給dom對象設置屬性，只能給對象設置一個屬性，如果設置多個事件處理函數，則最後的生效；給html標簽設置屬性，（若法1和法2同時使用，則法1生效）；事件註冊綁定事件

JavaScript中提供獲取HTML元素位置的屬性：

瀏覽器 var func set height cti fse 屬性 turn HTMLElement.offsetLeft HTMLElement.offsetHeight 但是需要註意的是，這兩個屬性所儲存的數值並不是該元素相對整個瀏覽器畫布的絕對位置，而是相對於其父

javascript中對象的屬性的特性

undefined javascript person false enumberable: 表示是否能通過for-in循環返回屬性。默認為truewritable: 是否可以修改屬性, 默認為truevalue: 包含這個屬性的數據值。讀取屬性值時3,從這個屬性讀，寫入屬性時，把新值保存到這

JavaScript中事件的target屬性

相關推薦