滑鼠事件 onmouseenter 和 onmouseover 的區別
滑鼠事件以一下程式碼為例
<div onmouseenter="add()" id="add" style="border:1px solid red">123
<div onmouseenter="delect()" id="delect" style="border:1px solid red">456</div></div>
<script>
function add(){
console.log('father');
}
function delect(){
console.log('son');
}
</script>
當為onmouseenter時不會冒泡,及不會重複觸發父級事件,在進入父級時也不會觸發子級事件。
當為onmouseover時會冒泡,只要進入到標籤內就會觸發標籤內所有子集標籤的事件,且在移動過程中父級標籤會重複觸發,出現連續觸發的問題,可以用原生js方法阻止事件冒泡,具體方法就不總結了。
相關推薦
滑鼠事件 onmouseenter 和 onmouseover 的區別
滑鼠事件以一下程式碼為例 <div onmouseenter="add()" id="add" style="border:1px solid red">123 <div onmouseenter="delect()" id="delect" st
事件冒泡以及onmouseenter 和 onmouseover 的不同
1. onmouseenter onmouseenter 事件在滑鼠指標移動到元素上時觸發。 該事件通常與 onmouseleave 事件一同使用, 在滑鼠指標移出元素上時觸發。 onmouseenter 事件類似於 onmouseover 事件。 唯
事件冒泡 以及onmouseenter 、 onmouseover(冒泡) 、onmousemove(冒泡)的區別
一. onmouseenter、onmouseover onmouseenter 事件在滑鼠指標進入到繫結事件的那個元素上時觸發。 該事件通常與 onmouseleave(在滑鼠指標離開繫結事件的那個元素上時觸發) 事件一同使用。 onmouseenter 事件類似於 on
事件DOMContentLoaded和load的區別
樣式 腳本 原生js pre span 兼容 code log cti 他們的區別是,觸發的時機不一樣,先觸發DOMContentLoaded事件,後觸發load事件。 DOM文檔加載的步驟為 解析HTML結構。 加載外部腳本和樣式表文件。 解析並執行腳本代碼。 DOM樹
jquery繫結事件 bind和on的區別
bind和on都是給元素繫結事件用的,其最大的區別就是事件冒泡 事件冒泡也是委託事件的原型,事件委託就是子類的事情委託給父類的去做 最直觀的區別就是on繫結比bind繫結多一個引數'childSelector' 語法 $(selector).on(event,childSelecto
cocos2d-x 鍵盤和滑鼠事件
出了選單可以響應使用者事件外,cocos2d中的層(Layer)也可以響應事件。層能夠自動響應視窗事件,這些事件主要是鍵盤和滑鼠事件,cocos2d中事件處理是通過Pyglet的事件處理完成的。 1.鍵盤事件 層中的鍵盤事件主要有兩個on_key_press和on_key_release,當這些事件觸
前端(十五)—— JavaScript事件:繫結事件方式、事件的冒泡和預設事件、滑鼠事件、鍵盤事件、表單 事件、文件事件、圖片事件、頁面事件
JS事件:繫結事件方式、事件的冒泡和預設事件、滑鼠事件、鍵盤事件、表單 事件、文件事件、圖片事件、頁面事件 一、事件的兩種繫結方式 ******* 1、on事件繫結方式 document.onclick = function() { console.log("文件點選"); } // on事件只
關於js中return false、event.preventDefault()和event.stopPropagation()區別,以及阻止事件冒泡和阻止預設事件
在平時專案中,如果遇到需要阻止瀏覽器預設行為,大家經常會用return false;和event.preventDefault()來阻止,但對它倆的區別還是模糊,這裡順便帶上event.stopPropagation()一起區分下。 事件處理程式的返回值只對通過屬性註冊的處理程式才有意義,如果我
Selenium3+webdriver學習筆記5(模擬常用鍵盤和滑鼠事件)
#!/usr/bin/env python# -*- coding:utf-8 -*-from selenium import webdriverfrom selenium.webdriver.common.keys import Keysfrom selenium.webdriver.common.acti
Unity使用之預設體&滑鼠事件&剛體&碰撞和觸發事件
預設體: 預設體能夠使遊戲物件和資源重複使用,相同的遊戲物件可以使用同一個預設體來建立,對預設體進行修改後,所有遊戲物件都會相應改變。 遊戲物件預設體的建立: 在SampleScene中建立一個3D模型,命名player,然後在Asse
關於jQuery繫結事件on和bind的區別詳解
如題,jQuery兩種繫結事件,舉例說明: //對於ul_li的繫結方法 //方法一: $("ul li").bind("click",function(){console.log($(this))}); //方法二: $("ul li").on("click",fun
MFC中選單響應事件ON_UPDATE_COMMAND_UI和ON_COMMAND訊息區別,OnMenuSelect事件介紹
第一個是響應開啟選單的命令的 第二個是你開啟這個選單時,處理這個選單的狀態,比如選中、變灰等等。 比如WINDOWS自帶的記事本程式,它的"格式"選單下有個"自動換行",那麼在編寫記事本這個程式時,對文字進行自動換行或不自動換行的操作就要放在ON_COMMAND訊息響應函式裡,而"自
中文輸入法觸發input事件 js繫結事件:addEventListener和on的區別 select下拉框用empty()方法 清空option
中文輸入法觸發input事件 compositionstart 當瀏覽器有非直接的文字輸入時, compositionstart事件觸發. compositionend 當瀏覽器是直接的文字輸入時, compositionend事件觸發 解決方法: 這裡還有一個問題: 在有些瀏
事件on和onclick 兩者之間的區別
定義和用法 on() 方法在被選元素及子元素上新增一個或多個事件處理程式。 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。該方法給 API 帶來很多便利,我們推薦使用該方法,它簡化了 jQuery 程式碼庫。 注意:使用 o
frameset 將截斷鍵盤和滑鼠事件的問題解決辦法
最近發現一個網頁程式的Bug, 我的 主頁面引用了一個 IFrame, 而IFrame裡面有 Frameset 的兩個Frame. 主頁面是有滾動條的, 但是在 FrameSet 的 frame獲得焦點時, 無法將鍵盤(上,下鍵)或者滑鼠中鍵訊息傳遞給 主頁面, 導致無
[PyQt] 自定義QSlider支援滑鼠點選和滾輪事件
from PyQt4.QtGui import * from PyQt4.QtCore import * class progressSlider(QSlider): def __init__(self, orientation, parent=None): su
EventTrigger和滑鼠事件介面
EventTrigger將滑鼠事件進行了一層封裝,只要重寫EventTrigger裡面的對應的虛擬函式,就能實現滑鼠對應的方法。 ~ public class UIeventTrigger : EventTrigger { public ove
vue學習筆記(一)關於事件冒泡和鍵盤事件 以及與Angular的區別
一、事件冒泡 方法一、使用event.cancelBubble = true來阻止冒泡 <div @click="show2()"> <input type="button" value="按鈕" @click="show1($event)"
JavaScript 模擬鍵盤事件和滑鼠事件(比如模擬按下回車等)
最近程式碼中有個功能需要用到手動觸發鍵盤事件的功能。但鍵盤事件的fire在各瀏覽器下實現不一樣,下面分別說明: 1. IE下沒什麼問題,建立事件物件、對物件的keyCode屬性賦值,然後再丟擲來就行了: evtObj = document.createEven
jQuery的事件委託機制和事件繫結的區別
首先看一下DOM樹: 當我們點選一個事件的時候,其觸發了連線元素的單擊事件,該事件則引發任何我們已經繫結到該元素的單擊事件上的函式的執行。 例如: $('a').bind('click',function(){ alert("hello world"); })