課程
/前端開發(fā)
/jQuery
/jQuery基礎(三)—事件篇
明明沒有target3這個class為什么監(jiān)聽textarea還是可以觸發(fā)
2016-11-01
源自:jQuery基礎(三)—事件篇 3-2
正在回答
//監(jiān)聽select:
? ? $(".target2").change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
慕粉4140663 提問者
sunnylinner 回復 慕粉4140663 提問者
至于為什么還會起作用,因為$('.target2')代表了所有帶有class為target2的標簽,所以兩個都起作用。而慕課網(wǎng)實例只是讓你熟悉知識點,而代碼并不是最優(yōu)的。你可以把input的類名也變?yōu)?target2,這樣你只需寫一條代碼,就可以實現(xiàn)三個標簽都能執(zhí)行事件了:$('.target2').change(function(e){$("#result").html(e.target.value);})
老師寫錯了,不要在意這些細節(jié)
老師寫錯了 ?監(jiān)聽textarea實際上觸發(fā)的是監(jiān)聽select的 因為她倆類名一樣,而不存在的那個.target3實際上是沒有用到的 你可以刪掉看看
<div class="aaron3">textarea:
? ? ? ? ? ? <textarea class="target2" rows="3" cols="20">多行的文本輸入控件</textarea>
? ? ? ? </div>
? ? </div>
? ? 輸出結果:
? ? <div id="result"></div>
? ? <script type="text/javascript">
? ? //監(jiān)聽input值的改變
? ? $('.target1').change(function(e) {
? ? //監(jiān)聽select:
? ? ?//監(jiān)聽textarea:
? ? $(".target3").change(function(e) {
? ? </script>
明明沒有target3這個class(老師筆誤了)
監(jiān)聽textarea還是可以觸發(fā)(能不能仔細看代碼)
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進行交互的操作
5 回答第三個例子明明與類名不匹配,為什么也能觸發(fā)change事件?
1 回答這個函數(shù)是怎么區(qū)分冒泡和觸發(fā)的呢?就一個定時器,沒有像e.pageX這樣還有個對象證明?求詳解e
4 回答例子里面triggerHandler既沒有觸發(fā)focus也沒有觸發(fā)click,那這個函數(shù)有什么用?
3 回答為什么trigger沒有觸發(fā)input的foucus行為??
1 回答textarea元素的change事件觸發(fā)的疑問
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-11-01
//監(jiān)聽select:
? ? $(".target2").change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
2017-12-04
至于為什么還會起作用,因為$('.target2')代表了所有帶有class為target2的標簽,所以兩個都起作用。而慕課網(wǎng)實例只是讓你熟悉知識點,而代碼并不是最優(yōu)的。你可以把input的類名也變?yōu)?target2,這樣你只需寫一條代碼,就可以實現(xiàn)三個標簽都能執(zhí)行事件了:$('.target2').change(function(e){$("#result").html(e.target.value);})
2017-07-13
老師寫錯了,不要在意這些細節(jié)
2016-11-02
老師寫錯了 ?監(jiān)聽textarea實際上觸發(fā)的是監(jiān)聽select的 因為她倆類名一樣,而不存在的那個.target3實際上是沒有用到的 你可以刪掉看看
2016-11-01
<div class="aaron3">textarea:
? ? ? ? ? ? <textarea class="target2" rows="3" cols="20">多行的文本輸入控件</textarea>
? ? ? ? </div>
? ? </div>
? ? 輸出結果:
? ? <div id="result"></div>
? ? <script type="text/javascript">
? ? //監(jiān)聽input值的改變
? ? $('.target1').change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
? ? //監(jiān)聽select:
? ? $(".target2").change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
? ? ?//監(jiān)聽textarea:
? ? $(".target3").change(function(e) {
? ? ? ? $("#result").html(e.target.value)
? ? })
? ? </script>
2016-11-01
明明沒有target3這個class(老師筆誤了)
監(jiān)聽textarea還是可以觸發(fā)(能不能仔細看代碼)