-
jQuery表單事件之change事件
<input>元素，<textarea>和<select>元素的值都是可以發(fā)生改變的，開(kāi)發(fā)者可以通過(guò)change事件去監(jiān)聽(tīng)這些改變的動(dòng)作
input元素
監(jiān)聽(tīng)value值的變化，當(dāng)有改變時(shí)，失去焦點(diǎn)后觸發(fā)change事件。對(duì)于單選按鈕和復(fù)選框，當(dāng)用戶用鼠標(biāo)做出選擇時(shí)，該事件立即觸發(fā)。
?
select元素
對(duì)于下拉選擇框，當(dāng)用戶用鼠標(biāo)作出選擇時(shí)，該事件立即觸發(fā)
?
textarea元素
多行文本輸入框，當(dāng)有改變時(shí)，失去焦點(diǎn)后觸發(fā)change事件
?
輸出結(jié)果：
? ? <div id="result"></div>
? ? <script type="text/javascript">
? ??
? ? //監(jiān)聽(tīng)input值的改變
? ? $('.target1').change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? });
? ? //監(jiān)聽(tīng)select：
? ? $(".target2").change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
? ? ?//監(jiān)聽(tīng)textarea：
? ? $(".target3").change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
查看全部 -
focus 和blur,focusin和focusout 都能觸發(fā)表單事件，但是focus和blur只接受本身元素綁定的焦點(diǎn)和失去焦點(diǎn)事件。focusin和focusout可以接受到它綁定元素的后輩元素的焦點(diǎn)和失去焦點(diǎn)事件（冒泡事件）,捕獲事件相反
focus blur 和 mouseenter mouseleave相似 ?你點(diǎn)擊的時(shí)候相當(dāng)于只點(diǎn)擊了文本框 文本框沒(méi)事件 不觸發(fā)
focusin focusout 和 mouseover mouseout相似 你在文本框內(nèi)獲得焦點(diǎn)和失去焦點(diǎn)的同時(shí)相當(dāng)于從子到父都觸發(fā)了事件；
“div是input的父元素，當(dāng)它包含的元素input觸發(fā)了focus事件時(shí)，它就產(chǎn)生了focusin()事件?！?/p>
所以說(shuō)，如果代碼如下，則input上出現(xiàn)效果，且div上產(chǎn)生focusin( )事件
1 $(".aaron?input").focus(function()?{?????????$(this).css('border',?'2px?solid?red')?????})這里是想要演示的反應(yīng)是邊框變紅的，但是focus是在元素本身產(chǎn)生，所以老師的代碼是給div加focus事件，如果給input加focus事件邊框就有反應(yīng)變紅 ? 而你看到的反應(yīng)就像上面的說(shuō)的是瀏覽器對(duì)input元素獲取焦點(diǎn)時(shí)的默認(rèn)樣式
<body>
? ? <h4>.focusin與blur</h4>
? ? <div class="left">
? ? ? ? <div class="aaron">
? ? ? ? ? ? 點(diǎn)擊觸發(fā)焦點(diǎn)(無(wú)反應(yīng))：
? ? ? ? ? ? <input type="text" />
? ? ? ? </div>
? ? ? ? <div class="aaron1">
? ? ? ? ? ? 點(diǎn)擊觸發(fā)焦點(diǎn)并冒泡：
? ? ? ? ? ? <input type="text" />
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? $(".aaron").focus(function() {
? ? ? ? $(this).css('border', '2px solid red')
? ? })
? ? $(".aaron1").focusin(function() {
? ? ? ? $(this).find('input').val('冒泡捕獲了focusin事件')
? ? })
? ? </script>
? ? <h4>.focusout與blur</h4>
? ? <div class="right">
? ? ? ? <div class="aaron3">
? ? ? ? ? ? 點(diǎn)擊觸發(fā)失去焦點(diǎn)(無(wú)反應(yīng))：
? ? ? ? ? ? <input type="text" />
? ? ? ? </div>
? ? ? ? <div class="aaron4">
? ? ? ? ? ? 點(diǎn)擊觸發(fā)失去焦點(diǎn)并冒泡：
? ? ? ? ? ? <input type="text" />
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? $(".aaron3").blur(function() {
? ? ? ? $(this).css('border', '2px solid red')
? ? })
? ? $(".aaron4").focusout(function() {
? ? ? ? $(this).find('input').val('冒泡捕獲了focusout事件')
? ? })
? ? </script>
</body>
查看全部 -
jQuery鼠標(biāo)事件之focusout事件
當(dāng)一個(gè)元素，或者其內(nèi)部任何一個(gè)元素失去焦點(diǎn)的時(shí)候，比如input元素，用戶在點(diǎn)擊失去焦的時(shí)候，如果開(kāi)發(fā)者需要捕獲這個(gè)動(dòng)作，jQuery提供了一個(gè)focusout事件
使用上非常簡(jiǎn)單：
方法一：$ele.focusout()
綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，可能一般用的比較少
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("ele").focusout(function(){?????alert('觸發(fā)指定事件')?})?$("#test").mouseup(function(){??????$("ele").focusout()??//指定觸發(fā)事件??});?
方法二：$ele.focusout( handler )
綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù)
這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?/p>
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").focusout(function()?{?????//this指向?div元素?});?
方法三：$ele.focusout( [eventData ], handler )
使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").focusout(11111,function(e)?{?????//this指向?div元素?????//e.data??=>?11111?傳遞數(shù)據(jù)?});?
?//不同函數(shù)傳遞數(shù)據(jù)
? ? ? ? function fn(e) {
? ? ? ? ? ? ?$(this).val(e.data)
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $("input:last").focusout('慕課網(wǎng)', fn)
? ? ? ? }
? ? ? ? a();
查看全部 -
? //不同函數(shù)傳遞數(shù)據(jù)
? ? ? ? function fn(e) {
? ? ? ? ? ? ?$(this).val(e.data)
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $("input:last").focusin('慕課網(wǎng)', fn)
? ? ? ? }
? ? ? ? a();
focusin(參數(shù)1，參數(shù)2)，參數(shù)一是你要傳遞的數(shù)據(jù)，參數(shù)二是你將數(shù)據(jù)傳遞給的函數(shù)a，函數(shù)a的第一個(gè)參數(shù)是event對(duì)象，他的屬性data的值就是你傳遞的數(shù)據(jù)，即參數(shù)1，
查看全部 -
// hover()方法是同時(shí)綁定 mouseenter和 mouseleave事件。
? ? // 我們可以用它來(lái)簡(jiǎn)單地應(yīng)用在 鼠標(biāo)在元素上行為
? ? $("p").hover(
? ? ? ? function() {
? ? ? ? ? ? $(this).css("background", 'red');
? ? ? ? },
? ? ? ? function() {
? ? ? ? ? ? $(this).css("background", '#bbffaa');
? ? ? ? }
在元素上移進(jìn)移出切換其換色，一般通過(guò)2個(gè)事件配合就可以達(dá)到，這里用mouseenter與mouseleave，這樣可以避免冒泡問(wèn)題
$(ele).mouseenter( })
這樣目的是達(dá)到了，代碼稍微有點(diǎn)多，對(duì)于這樣的簡(jiǎn)單邏輯jQuery直接提供了一個(gè)hover方法，可以便捷處理
只需要在hover方法中傳遞2個(gè)回調(diào)函數(shù)就可以了，不需要顯示的綁定2個(gè)事件
$(selector).hover
handlerIn(eventObject)：當(dāng)鼠標(biāo)指針進(jìn)入元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)
handlerOut(eventObject)：當(dāng)鼠標(biāo)指針離開(kāi)元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)
查看全部 -
jQuery鼠標(biāo)事件之mouseenter與mouseleave事件
用交互操作中，經(jīng)常需要知道用戶操作鼠標(biāo)是否有移到元素內(nèi)部或是元素外部，因此jQuery提供了一個(gè)mouseenter和mouseleave的快捷方法可以監(jiān)聽(tīng)用戶移動(dòng)到內(nèi)部的操作
使用上非常簡(jiǎn)單，三種參數(shù)傳遞方式與mouseover和mouseout是一模一樣的，所以這里不再重復(fù)，主要講講區(qū)別，下面以mouseenter為例：
mouseenter JavaScript事件是Internet Explorer專有的。由于該事件在平時(shí)很有用，jQuery的模擬這一事件，以便它可用于所有瀏覽器。該事件在鼠標(biāo)移入到元素上時(shí)被觸發(fā)。任何HTML元素都可以接受此事件。
mouseenter事件和mouseover的區(qū)別
關(guān)鍵點(diǎn)就是：冒泡的方式處理問(wèn)題
簡(jiǎn)單的例子：
mouseover為例：
<div?class="aaron2">?????<p>鼠標(biāo)離開(kāi)此區(qū)域觸發(fā)mouseleave事件</p>?</div>
如果在p元素與div元素都綁定mouseover事件，鼠標(biāo)在離開(kāi)p元素，但是沒(méi)有離開(kāi)div元素的時(shí)候，觸發(fā)的結(jié)果:
p元素響應(yīng)事件
div元素響應(yīng)事件
這里的問(wèn)題是div為什么會(huì)被觸發(fā)？ 原因就是事件冒泡的問(wèn)題，p元素觸發(fā)了mouseover，他會(huì)一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會(huì)被觸發(fā)
所以在這種情況下面，jQuery推薦我們使用 mouseenter事件
mouseenter事件只會(huì)在綁定它的元素上被調(diào)用，而不會(huì)在后代節(jié)點(diǎn)上被觸發(fā)
查看全部 -
jQuery鼠標(biāo)事件之mouseover與mouseout事件
在學(xué)JS的時(shí)候，大家還記得有兩個(gè)方法叫移入移出事件嗎？onmouseover()與onmouseout()事件~
jQuery當(dāng)中同樣提供了這樣的事件來(lái)監(jiān)聽(tīng)用戶的移入移出操作，mouseover()與mouseout()事件，兩者用法類似，下面一mouseover為例：
方法一：$ele.mouseover()
綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("ele").mouseover(function(){?????alert('觸發(fā)指定事件')?})?$("#test").click(function(){??????$("ele").mouseover()??//指定觸發(fā)事件??});方法二：$ele.mouseover( handler(eventObject) )
綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù)
這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?/p>
<div?id="test">滑動(dòng)觸發(fā)<div>?$("#test").mouseover(function()?{?????//this指向?div元素??});方法三：$ele.mouseover( [eventData ], handler(eventObject) )
使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").mouseover(11111,function(e)?{?????//this指向?div元素?????//e.data??=>?11111?傳遞數(shù)據(jù)?});查看全部 -
這里的function a() 是做什么的，在整個(gè)代碼中
function data(e) {
??????? $(this).find('p:last').html('數(shù)據(jù):' + e.data)
??? }
//已經(jīng)有數(shù)據(jù)一樣出現(xiàn)了function a() {
??????? $(".right").mousemove(1111, data)
??? }
??? a();function a(){
????$(".right").mousemove(1111, data);
}
這個(gè)就是定義了一個(gè)a()方法，在a方法中給$(".right")元素綁定了一個(gè)mousemove事件，在這個(gè)事件中傳遞參數(shù)1111和自定義的事件處理函數(shù)data(e),然后外面的自定義事件處理函數(shù)data(e)通過(guò)e.data來(lái)獲取事件傳過(guò)來(lái)的參數(shù)也就是1111顯示到指定元素中。簡(jiǎn)單點(diǎn)就是定義一個(gè)a方法，在這個(gè)方法中給$(".right")元素綁定一個(gè)mousemove事件，在事件中傳遞參數(shù)1111給自定義事件處理函數(shù)data(也就是外面定義的data函數(shù))，然后在這個(gè)函數(shù)中通過(guò)e.data來(lái)獲取傳遞的參數(shù)。
查看全部 -
jQuery鼠標(biāo)事件之mousemove事件
用交互操作中，經(jīng)常需要知道用戶是否有移動(dòng)的操作?；谝苿?dòng)的機(jī)制可以做出拖動(dòng)、拖拽一系列的效果出來(lái)。針對(duì)移動(dòng)事件，jQuery提供了一個(gè)mousemove的快捷方法可以監(jiān)聽(tīng)用戶移動(dòng)的的操作
使用上非常簡(jiǎn)單：
方法一：$ele.mousemove()
綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("ele").mousemove(function(){?????alert('觸發(fā)指定事件')?})?$("#test").click(function(){??????$("ele").mousemove()??//指定觸發(fā)事件??});?
方法二：$ele.mousemove( handler(eventObject) )
綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù)
這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?/p>
<div?id="test">滑動(dòng)觸發(fā)<div>?$("#test").mousemove(function()?{?????//this指向?div元素??});?
方法三：$ele.mousemove( [eventData ], handler(eventObject) )
使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").mousemove(11111,function(e)?{?????//this指向?div元素?????//e.data??=>?11111?傳遞數(shù)據(jù)?});?
mousemove事件觸發(fā)需要以下幾點(diǎn)：
mousemove事件是當(dāng)鼠標(biāo)指針移動(dòng)時(shí)觸發(fā)的，即使是一個(gè)像素
如果處理器做任何重大的處理，或者如果該事件存在多個(gè)處理函數(shù)，這可能造成瀏覽器的嚴(yán)重的性能問(wèn)題
?
查看全部 -
jQuery鼠標(biāo)事件之mousedown與mouseup事件
用戶交互操作中，最簡(jiǎn)單直接的操作就是點(diǎn)擊操作，因此jQuery提供了一個(gè)mousedown的快捷方法可以監(jiān)聽(tīng)用戶鼠標(biāo)按下的操作，與其對(duì)應(yīng)的還有一個(gè)方法mouseup快捷方法可以監(jiān)聽(tīng)用戶鼠標(biāo)彈起的操作。兩種方法用法類似，下面以mousedown()為例
使用上非常簡(jiǎn)單：
方法一：$ele.mousedown()
綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，可能一般用的比較少
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("ele").mousedown(function(){?????alert('觸發(fā)指定事件')?})?$("#test").mousedown(function(){??????$("ele").mousedown()??//手動(dòng)指定觸發(fā)事件??});方法二：$ele.mousedown( handler(eventObject) )
綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù)
這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?/p>
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").mousedown(function()?{?????//this指向?div元素?});方法三：$ele.mousedown( [eventData ], handler(eventObject) )
使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").mousedown(11111,function(e)?{?????//this指向?div元素?????//e.data??=>?11111?傳遞數(shù)據(jù)?});mousedown事件觸發(fā)需要以下幾點(diǎn)：
mousedown強(qiáng)調(diào)是按下觸發(fā)
如果在一個(gè)元素按住了鼠標(biāo)不放，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件
任何鼠標(biāo)按鈕被按下時(shí)都能觸發(fā)mousedown事件
用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3
mouseup事件觸發(fā)需要以下幾點(diǎn)：
mouseup強(qiáng)調(diào)是松手觸發(fā)，與mousedown是相反的
mouseup與mousedown組合起來(lái)就是click事件
如果用戶在一個(gè)元素上按下鼠標(biāo)按鍵，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件
任何鼠標(biāo)按鈕松手時(shí)都能觸發(fā)mouseup事件
用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3
另外需要注意的是：
click與mousedown的區(qū)別：
click事件其實(shí)是由mousedown于mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā)
查看全部 -
function data(e) {
? ? ? ? alert(e.data) //1111
? ? }
? ? function a() {
? ? ? ? $("button:eq(2)").mousedown(1111, data)
? ? }
相當(dāng)于：
function a() {
? ? ? ? $("button:eq(2)").mousedown(1111,function(e) {
? ? ? ? alert(e.data)
? ? })
? ? }兩個(gè)data是不一樣的，不同意義的
要搞懂e.data先要搞懂下面的問(wèn)題：
.click(999,dome)做了什么事情？
.click(999,dome)調(diào)用的時(shí)候做了2件事：
第1：.click(999，dome)，當(dāng).click()調(diào)用的時(shí)候，返回（即給函數(shù)dome添加）了一個(gè)事件對(duì)象e（即event），這個(gè)事件對(duì)象包含了一個(gè)對(duì)象data。這個(gè)事件對(duì)象e就是點(diǎn)擊鼠標(biāo)這個(gè)事件，即click事件本身。
第2：.click(999,dome)，將999這個(gè)參數(shù)傳遞給了事件e的對(duì)象data，這里一定要注意，999不是傳遞給了dome函數(shù)，而是傳遞給了dome函數(shù)的事件對(duì)象e的對(duì)象data（一定要注意理解這一句話）
查看全部 -
? ? <h4>測(cè)試一</h4>
? ? <button>元素綁定事件,彈出回調(diào)中的this</button>
? ? <script type="text/javascript">
? ? ? ? //this指向button元素
? ? ? ? ?$("button:eq(0)").click(function() {
? ? ? ? ? ? alert(this)
? ? ? ? })
? ? </script>
? ? <h4>測(cè)試二</h4>
? ? <div class="test2">
? ? ? ? <p>$('button:first').click(function(e) {alert(this)})</p>
? ? </div>
? ? <button>指定觸發(fā)事件</button>
? ? <script type="text/javascript">
? ? ? ? $('p').click(function(e) {
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
? ? ? ? //this指向button元素
? ? ? ? $("button:eq(1)").click(function() {
? ? ? ? ? ? $('p').click() //指定觸發(fā)綁定的事件
? ? ? ? })
? ? </script>
? ? <h4>測(cè)試三</h4>
? ? <div class="test3">
? ? ? ? <p>$('.right').click(1111, set)</p>
? ? </div>
? ? <button>不同函數(shù)傳遞數(shù)據(jù)</button>
? ? <script type="text/javascript">
? ? ? ? //不同函數(shù)傳遞數(shù)據(jù)
? ? ? ? function data(e) {
? ? ? ? ? ? alert(e.data) //1111
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $("button:eq(2)").click(1111, data)
? ? ? ? }
? ? ? ? a();
查看全部 -
jQuery鼠標(biāo)事件之click與dbclick事件
用交互操作中，最簡(jiǎn)單直接的操作就是點(diǎn)擊操作。jQuery提供了兩個(gè)方法一個(gè)是click方法用于監(jiān)聽(tīng)用戶單擊操作，另一個(gè)方法是dbclick方法用于監(jiān)聽(tīng)用戶雙擊操作。這兩個(gè)方法的用法是類似的，下面以click()事件為例
使用上非常簡(jiǎn)單：
方法一：$ele.click()
綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("ele").click(function(){?????alert('觸發(fā)指定事件')?})?$("#test").click(function(){??????$("ele").click()??//手動(dòng)指定觸發(fā)事件??});方法二：$ele.click( handler(eventObject) )
綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù)，這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?，方法中的this是指向了綁定事件的元素
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").click(function()?{?????//this指向?div元素?});方法三：$ele.click( [eventData ], handler(eventObject) )
使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題
<div?id="test">點(diǎn)擊觸發(fā)<div>?$("#test").click(11111,function(e)?{?????//this指向?div元素?????//e.data??=>?11111?傳遞數(shù)據(jù)?});dblclick()的用法和click()的用法是類似的，可以參考以上click()的用法。
dbclick與click事件不同的是：
click事件觸發(fā)需要以下幾點(diǎn)：
click事件其實(shí)是由mousedown與mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā)
PS:mousedown和mouseup下一節(jié)會(huì)講到
dblclick事件觸發(fā)需要以下幾點(diǎn)：
dblclick又是由2個(gè)click疊加而來(lái)的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā)
鼠標(biāo)指針在元素里面時(shí)點(diǎn)擊。
鼠標(biāo)指針在元素里面時(shí)釋放。
鼠標(biāo)指針在元素里面時(shí)再次點(diǎn)擊，點(diǎn)擊間隔時(shí)間，是系統(tǒng)而定。
鼠標(biāo)指針在元素里面時(shí)再次釋放。
注意：在同一元素上同時(shí)綁定 click 和 dblclick 事件是不可取的。各個(gè)瀏覽器事件觸發(fā)的順序是不同的，一些瀏覽器在dblclick之前接受兩個(gè) click 事件 ，而一些瀏覽器只接受一個(gè) click 事件。用戶往往可通過(guò)不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度
查看全部 -
keypress事件與keydown和keyup的主要區(qū)別
只能捕獲單個(gè)字符，不能捕獲組合鍵
無(wú)法響應(yīng)系統(tǒng)功能鍵（如delete，backspace）
不區(qū)分小鍵盤(pán)和主鍵盤(pán)的數(shù)字字符
總而言之，
KeyPress主要用來(lái)接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過(guò)程可以處理任何不被 KeyPress 識(shí)別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤(pán)換檔鍵的組合等。
查看全部 -
點(diǎn)擊input會(huì)觸發(fā)瀏覽器默認(rèn)的focus事件，所以input會(huì)有焦點(diǎn)，無(wú)值。
點(diǎn)擊botton:first,trigger也會(huì)觸發(fā)瀏覽器默認(rèn)focus，所以input會(huì)有焦點(diǎn)，無(wú)值。
點(diǎn)擊botton:last,trigger不會(huì)觸發(fā)瀏覽器默認(rèn)focus，會(huì)觸發(fā)我們自定義的focus事件，所以input無(wú)焦點(diǎn)，有值
查看全部
舉報(bào)