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

on()的高級用法

委托機制

.on(?events?,[?selector?]?,[?data?],?handler(eventObject)?)

例子：

<div?class="left">
????<p?class="aaron">
????????<a>目標節(jié)點</a>?//點擊在這個元素上
????</p>
</div>

$("div").on("click","p",fn)

事件綁定在最上層div元素上，當用戶觸發(fā)在p元素上，事件將往上冒泡，一直會冒泡在div元素上。如果提供了第二參數，那么事件在往上冒泡的過程中遇到了選擇器匹配的元素，將會觸發(fā)事件回調函數

on()的多事件綁定

基本用法：.on( events ,[?selector ] ,[?data ],funciton ):

$("#elem").click(function(){})??//快捷方式
$("#elem").on('click',function(){})?//on方式

多個事件綁定同一個函數:

$("#elem").on("mouseover?mouseout",function(){?});

多個事件綁定不同函數:

$("#elem").on({
????mouseover:function(){},??
????mouseout:function(){}
});

將數據傳遞到處理程序:

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

//可以通過第二參數（對象），當一個事件被觸發(fā)時，要傳遞給事件處理函數的

jQuery鍵盤事件之keypress()事件

在input元素上綁定keydown事件會發(fā)現一個問題：keydown事件觸發(fā)在文字還沒敲進文本框，這時如果在keydown事件中輸出文本框中的文本，得到的是觸發(fā)鍵盤事件前的文本

當瀏覽器捕獲鍵盤輸入時，還提供了一個keypress的響應，這個跟keydown是非常相似

• 
  

  keypress和keydown的區(qū)別就是，keypress只在按下字符鍵（也就是字母鍵和數字鍵）后才觸發(fā)，keydown是按下任意鍵（鍵盤上所有鍵都可以）觸發(fā)。(火狐瀏覽器看不出差別，谷歌瀏覽器可看出)

  
  

jQuery鍵盤事件之keydown()與keyup()事件

keydown事件：

當用戶在一個元素上第一次按下鍵盤上字母鍵的時候，就會觸發(fā)它。

keyup事件：

當用戶在一個元素上第一次松手鍵盤上的鍵的時候，就會觸發(fā)它。

jQuery表單事件之submit事件

提交表單是一個最常見的業(yè)務需求，開發(fā)者需要在表單提交的時候過濾一些的數據、做一些必要的操作（例如：驗證表單輸入的正確性，如果錯誤就阻止提交，從新輸入）此時可以通過submit事件，監(jiān)聽下提交表單的這個動作

例子：

??? <div class="left">
??????? <div class="aaron">
??????????? <form id="target1" action="test.html">
??????????????? 回車鍵或者點擊提交表單：
??????????????? <input type="text" value="請輸入0~9之間的任意數值" />
??????????????? <input type="submit" value="Go" />
??????????? </form>
??????? </div>
??? </div>
??? <script type="text/javascript">
??? //回車鍵或者點擊提交表單
??? $('#target1').submit(function(e) {
??????? if(e>=0&&e<=9){
??????? alert('捕獲提交表達動作,不阻止頁面跳轉')
??????? }
??????? else{
??????? alert('不支持0-9以外的數值')
??????? return false;?? //禁止瀏覽器默認跳轉頁面
??????? }
??? });

jQuery表單事件之select事件

當 textarea 或文本類型的 input 元素中的文本被選擇時，會發(fā)生 select 事件。

select事件智能用于<input><textarea>元素

jQuery表單事件之change事件

<input>元素，<textarea>和<select>元素的值都是可以發(fā)生改變的，開發(fā)者可以通過change事件去監(jiān)聽這些改變的動作

jQuery表單事件之blur與focus事件

blur()/focus()跟focusin()/focusout()一樣，是處理表單焦點的事件，區(qū)別在于是否支持冒泡，blur()/focus()不支持冒泡，如下例子

jQuery鼠標事件之focusout事件

focusout():某一元素失去焦點時，如input用戶點擊失去焦點時

用法分focusin()一樣

jQuery鼠標事件之focusin事件

focusin():某一元素獲得焦點時，比如點擊input聚焦時

用法一：$ele.focusin()

用法二：$ele.focusin(handle)

用法三：$ele.focusin([eventData],handler)

jQuery鼠標事件之hover事件

hover：元素上移進移出

語法：

$(selector).hover(handlerIn,?handlerOut)

例子：

$("p").hover(
??????? function() {
??????????? $(this).css("background", 'red');
??????? },
??????? function() {
??????????? $(this).css("background", 'blue');
??????? }
??? );

//移入P元素，背景變紅，移出P元素，背景變藍

jQuery鼠標事件之mouseenter與mouseleave事件

mouseenter：用戶操作鼠標是否有移到元素內部

mouseleave:用戶操作鼠標是否有移到元素外部

mouseenter事件和mouseover的區(qū)別：冒泡的方式的處理,mouseenter不冒泡，mouseover冒泡

mouseenter JavaScript事件是Internet Explorer專有的。由于該事件在平時很有用，jQuery的模擬這一事件，以便它可用于所有瀏覽器。該事件在鼠標移入到元素上時被觸發(fā)。任何HTML元素都可以接受此事件。

jQuery鼠標事件之mouseover與mouseout事件

onmouseover():鼠標移入

onmouseout()：鼠標移出

jQuery鼠標事件之mousemove事件

mousemove當鼠標指針移動時觸發(fā)的

jQuery鼠標事件之mousedown與mouseup事件

mousedown:鼠標按下觸發(fā)

mouseup:鼠標松手觸發(fā)

click:mouseup與mousedown組合起來就是click事件