第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
  • 當(dāng)一個(gè)元素,或者其內(nèi)部任何一個(gè)元素獲得焦點(diǎn)的時(shí)候,例如:input元素,用戶在點(diǎn)擊聚焦的時(shí)候,如果開(kāi)發(fā)者需要捕獲這個(gè)動(dòng)作的時(shí)候,jQuery提供了一個(gè)focusin事件

    使用上非常簡(jiǎn)單:

    方法一:$ele.focusin()

    綁定$ele元素,不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件,一般用的比較少

    <div?id="test">點(diǎn)擊觸發(fā)<div>
    $("ele").focusin(function(){
    ????alert('觸發(fā)指定事件')
    })
    $("#test").mouseup(function(){?
    ?????});

    ?方法二:$ele.focusin( handler )

    綁定$ele元素,每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù)

    這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?/p>

    <div?id="test">點(diǎn)擊觸發(fā)<div>
    $("#test").focusin(function()?{
    ????//this指向?div元素
    });

    ?方法三:$ele.focusin( [eventData ], handler )

    使用與方法二一致,不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù),這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題

    <div?id="test">點(diǎn)擊觸發(fā)<div>
    $("#test").focusin(11111,function(e)?{
    ????//this指向?div元素
    ????//e.data??=>?11111?傳遞數(shù)據(jù)
    });
    查看全部
  • mouseover、mouseout、mouseenter、mouseleave事件,四個(gè)事件的相同點(diǎn)與不同點(diǎn),現(xiàn)在可以用來(lái)給元素做一個(gè)簡(jiǎn)單的切換效果

    在元素上移進(jìn)移出切換其換色,一般通過(guò)2個(gè)事件配合就可以達(dá)到,這里用mouseenter與mouseleave,這樣可以避免冒泡問(wèn)題

    $(ele).mouseenter(function(){
    ?????$(this).css("background",?'#bbffaa');
    ?})
    $(ele).mouseleave(function(){
    ????$(this).css("background",?'red');
    })

    這樣目的是達(dá)到了,代碼稍微有點(diǎn)多,對(duì)于這樣的簡(jiǎn)單邏輯jQuery直接提供了一個(gè)hover方法,可以便捷處理

    只需要在hover方法中傳遞2個(gè)回調(diào)函數(shù)就可以了,不需要顯示的綁定2個(gè)事件

    $(selector).hover(handlerIn,?handlerOut)
    • handlerIn(eventObject):當(dāng)鼠標(biāo)指針進(jìn)入元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)

    • handlerOut(eventObject):當(dāng)鼠標(biāo)指針離開(kāi)元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)

    查看全部
  • 用交互操作中,經(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é)果:

    1. p元素響應(yīng)事件

    2. 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ā)

    這就是最本質(zhì)的區(qū)別

    查看全部
  • 移入移出事件,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( 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ù)
    });
    查看全部
  • 用交互操作中,經(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(){?????
    ???????//指定觸發(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)題

    查看全部
  • 用戶交互操作中,最簡(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(){?
    ?????//手動(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ā)

    查看全部
  • 用交互操作中,最簡(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(){??
    ?????//手動(dòng)指定觸發(fā)事件?
    });

    方法二:$ele.click( handler(eventObject) )

    綁定$ele元素,每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào)?handler函數(shù),這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁耍椒ㄖ械膖his是指向了綁定事件的元素

    <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ù)
    });

    dbclick()的用法和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ì)講到

    dbclick事件觸發(fā)需要以下幾點(diǎn):

    dbclick又是由2個(gè)click疊加而來(lái)的,所以dbclick事件只有在滿足以下條件的情況下才能被觸發(fā)

    • 鼠標(biāo)指針在元素里面時(shí)點(diǎn)擊。

    • 鼠標(biāo)指針在元素里面時(shí)釋放。

    • 鼠標(biāo)指針在元素里面時(shí)再次點(diǎn)擊,點(diǎn)擊間隔時(shí)間,是系統(tǒng)而定。

    • 鼠標(biāo)指針在元素里面時(shí)再次釋放。

    注意:在同一元素上同時(shí)綁定 click 和 dbclick 事件是不可取的。各個(gè)瀏覽器事件觸發(fā)的順序是不同的,一些瀏覽器在dbclick之前接受兩個(gè) click 事件 ,而一些瀏覽器只接受一個(gè) click 事件。用戶往往可通過(guò)不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度

    查看全部
  • target是當(dāng)前事件執(zhí)行的第一個(gè)具體DOM對(duì)象,這個(gè)DOM對(duì)象不變

    this是事件冒泡到DOM樹(shù)的哪個(gè)對(duì)象,this就指向哪個(gè)對(duì)象,改變的

    e.value是undefine,

    e和e.target是兩個(gè)不同的對(duì)象。

    事件對(duì)象event沒(méi)有value這個(gè)屬性。

    e.target的值是觸發(fā)事件的dom元素對(duì)象,這個(gè)元素對(duì)象有value屬性。


    查看全部
  • 如何添加參數(shù)

    function fn(e) {

    ? ? ? ? ? ? ?$(this).val(e.data)

    ? ? ? ? }

    ? ? ? ? function a() {

    ? ? ? ? ? ? $("input:last").focusin('慕課網(wǎng)', fn)

    ? ? ? ? }

    ? ? ? ? a();


    查看全部
  • 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


    查看全部
  • .textContent() 是原生 js 的方法,而非 jQuery 方法,無(wú)法使用 jQuery 對(duì)象進(jìn)行調(diào)用

    jQuery 獲得對(duì)象文本的方法有:

    1. .val()

    2. .text()

    3. .html()



    查看全部
    0 采集 收起 來(lái)源:on()的高級(jí)用法

    2020-02-06

  • unction?greet(?event?)?{
    ??alert(?"Hello?"?+?event.data.name?);?//Hello?慕課網(wǎng)
    }
    $(?"button"?).on(?"click",?{
    ??name:?"慕課網(wǎng)"
    },?greet?);

    這里

    $(?"button"?).on(?"click",?{
    ??name:?"慕課網(wǎng)"
    },?greet?)

    表示button執(zhí)行onclick點(diǎn)擊事件時(shí),觸發(fā)greet事件,而{name:"慕課網(wǎng)"}則作為參數(shù)被傳入到greet事件中,{name:"慕課網(wǎng)"}表示一個(gè)對(duì)象,要想得到“慕課網(wǎng)”,就要通過(guò)name屬性來(lái)查找,所以用event.data.name

    這里也可以傳入一個(gè){name:"慕課網(wǎng)",url:"idcbgp.cn/qadetail/262220"}這樣一個(gè)多變量參數(shù),如果要查找地址信息,則用event.data.url

    大概就是這樣。



    查看全部
    0 采集 收起 來(lái)源:on()的多事件綁定

    2020-02-06

  • keydown 是在按之前判斷(當(dāng)時(shí)text還沒(méi)有內(nèi)容),觸發(fā)一次空,當(dāng)下一次按鍵時(shí),就觸發(fā)上一次輸入的內(nèi)容,所以就少一個(gè)。

    查看全部
  • ? ? ? ? ? ? ? ?清風(fēng)流光 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

    ? ? ? ?

    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ā)了事件;

    2017-05-18


    查看全部
  • keypress事件與keydown和keyup的主要區(qū)別

    • 只能捕獲單個(gè)字符,不能捕獲組合鍵

    • 無(wú)法響應(yīng)系統(tǒng)功能鍵(如delete,backspace)

    • 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符

    總而言之,

    KeyPress主要用來(lái)接收字母、數(shù)字等ANSI字符,而 KeyDown 和 KeyUP 事件過(guò)程可以處理任何不被 KeyPress 識(shí)別的擊鍵。諸如:功能鍵(F1-F12)、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。



    查看全部

舉報(bào)

0/150
提交
取消
課程須知
1、有HTML/CSS基礎(chǔ) 2、有JavaScript基礎(chǔ)
老師告訴你能學(xué)到什么?
1、jQuery的基礎(chǔ)語(yǔ)法 2、jQuery事件處理

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無(wú)需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!