$("#result").html($(e.target).val())感覺(jué)這種方法更完美一點(diǎn),你們可以試試將下拉單選框改為下拉多選框 <select class="target2" multiple="multiple">,而用$("#result").html(e.target.value)是獲取不了兩個(gè)值的。。。
2017-04-25
//給input元素增加一個(gè)邊框
$(".str1").children("input").focus(function() {
$(this).css('border','2px solid red')
})
$(".str1").children("input").focus(function() {
$(this).css('border','2px solid red')
})
2017-04-25
想全屏真難...我只德默默地改了h2的寬度。。。。。這樣鼠標(biāo)就不會(huì)劃過(guò)它了。。。
2017-04-24
setTimeout(function(){$("em").text(e.target.value)},0);
試試改成這樣,有驚喜!
試試改成這樣,有驚喜!
2017-04-23
不好意思,提一個(gè)和置頂“銜一枝瑰晴”不同的表達(dá)方式:
focus和blur只能捕獲到被綁定的元素(在本例中是div),當(dāng)綁定元素被聚焦或移開時(shí),事件函數(shù)才能被激發(fā),也就是說(shuō)它只能監(jiān)聽自己,不能監(jiān)聽子元素
focusin和focuout如果綁定在父元素上,當(dāng)它或者它的子元素被聚焦或移開后,事件函數(shù)都能被激發(fā),也就是說(shuō)它不僅能監(jiān)聽到自己,還能監(jiān)聽到子元素
focus和blur只能捕獲到被綁定的元素(在本例中是div),當(dāng)綁定元素被聚焦或移開時(shí),事件函數(shù)才能被激發(fā),也就是說(shuō)它只能監(jiān)聽自己,不能監(jiān)聽子元素
focusin和focuout如果綁定在父元素上,當(dāng)它或者它的子元素被聚焦或移開后,事件函數(shù)都能被激發(fā),也就是說(shuō)它不僅能監(jiān)聽到自己,還能監(jiān)聽到子元素
2017-04-23
event.type:獲取事件的類型
event.pageX 和 event.pageY:獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo)
event.preventDefault() 方法:阻止默認(rèn)行為(可以用 event.isDefaultPrevented() 來(lái)確定這個(gè)方法是否(在那個(gè)事件對(duì)象上)被調(diào)用過(guò)了)
event.stopPropagation() 方法:阻止事件冒泡
event.which:獲取在鼠標(biāo)單擊時(shí),單擊的是鼠標(biāo)的哪個(gè)鍵
event.currentTarget : 在事件冒泡過(guò)程中的當(dāng)前DOM元素
.this和event.target都是dom對(duì)象
有點(diǎn)多,記不住啊,要熟用~
event.pageX 和 event.pageY:獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo)
event.preventDefault() 方法:阻止默認(rèn)行為(可以用 event.isDefaultPrevented() 來(lái)確定這個(gè)方法是否(在那個(gè)事件對(duì)象上)被調(diào)用過(guò)了)
event.stopPropagation() 方法:阻止事件冒泡
event.which:獲取在鼠標(biāo)單擊時(shí),單擊的是鼠標(biāo)的哪個(gè)鍵
event.currentTarget : 在事件冒泡過(guò)程中的當(dāng)前DOM元素
.this和event.target都是dom對(duì)象
有點(diǎn)多,記不住啊,要熟用~
2017-04-23
/* $("ul").on('click',function(e){
alert('觸發(fā)的元素是內(nèi)容是: ' + e.target.textContent+e.target.nodeName)
})*/
$('ul').on('click','li',function(e){
alert(e.target.textContent+e.target.nodeName)
})
//有l(wèi)i在中間是事件委托,是給每個(gè)li添加事件,委托給ul,所以點(diǎn)擊前面ul里面的小黑點(diǎn)沒(méi)有效果,因?yàn)閡l上沒(méi)有事件。
//沒(méi)有l(wèi)i是冒泡,給ul整個(gè)包含li添加了事件。
alert('觸發(fā)的元素是內(nèi)容是: ' + e.target.textContent+e.target.nodeName)
})*/
$('ul').on('click','li',function(e){
alert(e.target.textContent+e.target.nodeName)
})
//有l(wèi)i在中間是事件委托,是給每個(gè)li添加事件,委托給ul,所以點(diǎn)擊前面ul里面的小黑點(diǎn)沒(méi)有效果,因?yàn)閡l上沒(méi)有事件。
//沒(méi)有l(wèi)i是冒泡,給ul整個(gè)包含li添加了事件。
2017-04-23
給父元素綁定事件blur和focus,點(diǎn)擊子元素,不會(huì)冒泡到父元素上,就不會(huì)產(chǎn)生效果。
給父元素綁定事件focusin和focusout,點(diǎn)擊子元素(因?yàn)閒ocusin和focusout事件能在子元素中產(chǎn)生),觸發(fā)focusin
或者out事件,換言之,就是冒泡到父元素,產(chǎn)生效果。
給父元素綁定事件focusin和focusout,點(diǎn)擊子元素(因?yàn)閒ocusin和focusout事件能在子元素中產(chǎn)生),觸發(fā)focusin
或者out事件,換言之,就是冒泡到父元素,產(chǎn)生效果。
2017-04-22