-
jQuery自定義事件之trigger事件
根據(jù)綁定到匹配元素的給定的事件類型執(zhí)行所有的處理程序和行為
trigger除了能夠觸發(fā)瀏覽器事件，同時(shí)還支持自定義事件，并且自定義時(shí)間還支持傳遞參數(shù)
$('#elem').on('Aaron',?function(event,arg1,arg2)?{ ????alert("自觸自定義時(shí)間") ?}); $('#elem').trigger('Aaron',['參數(shù)1','參數(shù)2'])查看全部 -
jQuery事件對(duì)象的屬性和方法
event.type：獲取事件的類型???
例子：$('a').click(function(event){ elert(event.type);? //"click"事件 })
event.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對(duì)于頁面的坐標(biāo)
event.preventDefault() 方法：阻止默認(rèn)行為??? 如：a標(biāo)簽的href鏈接
event.stopPropagation() 方法：阻止事件冒泡
event.which：獲取在鼠標(biāo)單擊時(shí)，單擊的是鼠標(biāo)的哪個(gè)鍵??? 左鍵報(bào)告1，中間鍵報(bào)告2，右鍵報(bào)告3
event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素
this和event.target的區(qū)別：js中事件是會(huì)冒泡的，所以this是可以變化的，但event.target不會(huì)變化，它永遠(yuǎn)是直接接受事件的目標(biāo)DOM元素
.this和event.target都是dom對(duì)象
如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象。比如this和$(this)的使用、event.target和$(event.target)的使用；
查看全部 -
獲取輸入值是e.key e.which是獲取輸入值的ascii
查看全部 -
因?yàn)閠rigger會(huì)觸發(fā)瀏覽器的默認(rèn)行為 即input的聚焦行為，此時(shí)是不能將input設(shè)置title值的；而triggerHandler不會(huì)觸發(fā)瀏覽器的默認(rèn)行為 即input的聚焦行為，此時(shí)是可以將input設(shè)置title值的。
查看全部 -
.this和event.target都是dom對(duì)象
如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象。比如this和$(this)的使用、event.target和$(event.target)的使用；
查看全部 -
關(guān)于事件委托，大家可以看下這篇文章，講得很淺顯易懂https://www.cnblogs.com/liugang-vip/p/5616484.html
查看全部 -
e.type事件的類型
查看全部 -
英文輸入法：
事件觸發(fā)順序：keydown - > keypress - > keyup
中文輸入法：
firfox：輸入觸發(fā)keydown，回車確認(rèn)輸入觸發(fā)keyup
chrome：輸入觸發(fā)keydown、keyup，回車確認(rèn)輸入只觸發(fā)keydown
IE：輸入觸發(fā)keydown、keyup，回車確認(rèn)輸入觸發(fā)keydown，keyup
Safari：輸入觸發(fā)keydown、keyup，回車確認(rèn)輸入觸發(fā)keydown，keyup
opera：輸入觸發(fā)keydown、keyup，回車確認(rèn)輸入觸發(fā)keydown，keyup
keypress事件不能對(duì)系統(tǒng)功能鍵(例如：后退、刪除等，其中對(duì)中文輸入法不能有效響應(yīng))進(jìn)行正常的響應(yīng)，
keydown和keyup均可以對(duì)系統(tǒng)功能鍵進(jìn)行有效的攔截，但事件截獲的位置不同。
鍵盤中的鍵分為字符(可打印)鍵和功能鍵(不可打印)，系統(tǒng)功能鍵包括如下：
Esc、Tab、Caps Lock、Shift、Ctrl、Alt、Enter、Backspace、Print Screen、Scroll Lock、Pause Break、Insert、Delete、Home、End、Page Up、Page Down，?F1through F12，Num Lock、The Arrow Keys。
keypress響應(yīng)系統(tǒng)功能鍵總結(jié)：
Firefox：支持 Esc、Enter、Backspace、Pause Break、Insert、Delete、Home、End、Page Up、Page Down、F1 throughF12、The Arrow Keys
Chrome：支持Enter
Oprea：支持Enter
Safari：支持Enter
IE：支持Esc、Enter
ps:
firefox：上下左右鍵會(huì)觸發(fā)kepress.
chrome：?上下左右鍵不會(huì)觸發(fā)kepress.
oprea：上下左右鍵不會(huì)觸發(fā)kepress.
safari：上下左右鍵不會(huì)觸發(fā)kepress.
IE：上下左右鍵不會(huì)觸發(fā)kepress.
=====================================================================
keyCode(鍵碼), which, charCode(字符編碼)
keydown:?獲得keyCode， charCode=0
keypress: 字符（英文區(qū)分大小寫+數(shù)字 ?/ *, . ?...等非功能鍵），keyCode=0 ，獲取charCode值，反之獲取keyCode， charCode=0
keyup:?獲得keyCode， charCode=0
jQuery?中 event.which =original.charCode != null ? original.charCode : original.keyCode;
總結(jié)：回車、上下左右、等功能鍵keydown、keypress、keyup都獲取keyCode，并且值相等。
?
開啟大寫情況，keydown、keypress(字母，主鍵盤數(shù)字、回車)、keyup，which值相等，小寫kepress獲取的which不同于keypress、keyup。
keypress事件的keyCode對(duì)字母的大小寫敏感，而keydown、keyup事件不敏感
keypress事件的which值無法區(qū)分主鍵盤上的數(shù)字鍵和附鍵盤數(shù)字鍵的，而keydown、keyup的which值對(duì)主附鍵盤的數(shù)字鍵敏感。
【
IE(ie9以下)只有一個(gè)屬性KeyCode屬性，當(dāng)為keydown和keyup 事件是，keycode屬性表示你具體按下的鍵(也稱為virtualkeycode)，當(dāng)捕捉的是keypress事件時(shí)keyCode屬性指的是你鍵入的字符(character code)???
?
標(biāo)準(zhǔn)瀏覽器中情況有些不同，event對(duì)象包含一個(gè)keyCode屬性和一個(gè)charCode屬性，keydown和keyup事件的時(shí)候，keyCode表示的就是你具體按的鍵，charCode為0；當(dāng)捕捉的是keypress事件時(shí)，keyCode為0，charCode指的是你按下的字符，鑒于IE和FF中的區(qū)別，如果你比較懶的話，建議只使用keydow和keyup事件
?應(yīng)該是jq版本的原因，可以響應(yīng)的。
查看全部 -
div節(jié)點(diǎn)得靠表單事件來觸發(fā)自己的焦點(diǎn)
查看全部 -
1.event.stopPropagation();
事件處理過程中，阻止了事件冒泡，但不會(huì)阻擊默認(rèn)行為
2.return false;
事件處理過程中，阻止了事件冒泡，也阻止了默認(rèn)行為
3.event.preventDefault();
它的作用是：事件處理過程中，不阻擊事件冒泡，但阻擊默認(rèn)行為
查看全部 -
關(guān)于在父節(jié)點(diǎn)設(shè)置mousemove 兒子會(huì)默認(rèn)設(shè)置 并且在兒子跟父親直接切換的時(shí)候也會(huì)增加事件響應(yīng)?
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="utf-8">
? ? <title>things Test</title>
? ? <script type="text/javascript" src="jquery-1.9.1.js"></script>
? ? <style type="text/css">
? ? .A,.B{
? ? ? ? width:320px;
? ? ? ? height:120px;
? ? ? ? background-color:#aaaabb;
? ? ? ? text-align: center;
? ? ? ? margin: 5px;
? ? }
? ? .B1{
? ? ? ? background: red;
? ? ? ? width: 200px;
? ? ? ? height:50px;
? ? }
? ? p{
? ? ? ? background-color:#ffffff;
? ? }
? ? </style>
? ? <script type="text/javascript">
? ? ? ? $(document).ready(function(){
? ? ? ? $(".A").mouseover(function(){
? ? ? ? ? ? ? ? alert("移動(dòng)鼠標(biāo)觸發(fā)事件")
? ? ? ? ? ? })
? ? ? ? var n = 0
? ? ? ? $(".B1").mouseover(function(){
? ? ? ? ? ? $(this).find("p").html("觸發(fā)事件"+(++n))
? ? ? ? })
? ? ? ? })
? ? </script>
</head>
<body>
? ? <input type="button" value="1">
? ? <div class="A">A</div>
? ? <div class="B">B<div class="B1"><p>觸發(fā)事件</p></div></div>
</body>
</html>
查看全部 -
blur與focus事件不冒泡。focusin事件與focusout事件由外向內(nèi)冒泡，只要子元素發(fā)生聚焦失焦就可以去觸發(fā)父元素的focusin事件與focusout事件。
查看全部 -
$(this).fin("xx").html(xx)
查看全部 -
jQuery事件對(duì)象的作用
<div?class="left"> ????????<div?class="aaron"> ????????????<ul> ????????????????<li>點(diǎn)擊：觸發(fā)一</li> ????????????????<li>點(diǎn)擊：觸發(fā)二</li> ????????????????<li>點(diǎn)擊：觸發(fā)三</li> ????????????????<li>點(diǎn)擊：觸發(fā)四</li> ????????????</ul> ????????</div> ????</div> ????<script?type="text/javascript"> ????????//多事件綁定一 ????????$("ul").on('click',function(e){ ???????????alert('觸發(fā)的元素是內(nèi)容是:?'?+?e.target.textContent) ????????}) ????</script>效果：點(diǎn)擊ul下的每個(gè)元素，都會(huì)彈出彈窗，并顯示元素中的文本內(nèi)容（這里可能是非li元素）
event.target
target 屬性可以是注冊(cè)事件時(shí)的元素，或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時(shí)處理事件委托
簡單來說：event.target代表當(dāng)前觸發(fā)事件的元素，可以通過當(dāng)前元素對(duì)象的一系列屬性來判斷是不是我們想要的元素
查看全部 -
卸載事件off()方法
off():移除通過.on()綁定的事件處理程序
綁定2個(gè)事件
$("elem").on("mousedown?mouseup",fn)刪除一個(gè)事件
$("elem").off("mousedown")刪除所有事件
$("elem").off("mousedown?mouseup")快捷方式刪除所有事件，這里不需要傳遞事件名了，節(jié)點(diǎn)上綁定的所有事件講全部銷毀
$("elem").off()查看全部
舉報(bào)