明明没有target3这个class为什么监听textarea还是可以触发
//监听select:
$(".target2").change(function(e) {
$("#result").html(e.target.value)
})
至于为什么还会起作用,因为$('.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) {
$("#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>
明明没有target3这个class(老师笔误了)
监听textarea还是可以触发(能不能仔细看代码)