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