-
<script type="text/javascript"> //監(jiān)聽鍵盤按鍵 //獲取輸入的值 $('.target1').keydown(function(e) { $("em:first").text(e.target.value) }); //監(jiān)聽鍵盤按鍵 //獲取輸入的值 $('.target2').keyup(function(e) { $("em:last").text(e.target.value) }); </script>查看全部
-
<script type="text/javascript"> //回車鍵或者點(diǎn)擊提交表單 $('#target1').submit(function(e) { alert('捕獲提交表達(dá)動(dòng)作,不阻止頁面跳轉(zhuǎn)') }); //回車鍵或者點(diǎn)擊提交表單,禁止瀏覽器默認(rèn)跳轉(zhuǎn): $('#target2').submit(function() { alert('捕獲提交表達(dá)動(dòng)作,阻止頁面跳轉(zhuǎn)') return false; }); </script>查看全部
-
<input>元素,<textarea>和<select>元素都是可以選擇值一些改變,開發(fā)者可以通過change事件去監(jiān)聽這些改變的動(dòng)作查看全部
-
好像只有在表單上才會(huì)有一些聚焦與失焦事件。查看全部
-
blur()在元素本身產(chǎn)生,focusout()在元素包含的元素中產(chǎn)生。查看全部
-
focus()在元素本身產(chǎn)生,focusin()在元素包含的元素中產(chǎn)生查看全部
-
$(this).val(e.data) 其中val表示在<input type="text" /> 即此框內(nèi)顯示的東西。查看全部
-
<script type="text/javascript"> //input聚焦 //給input元素增加一個(gè)邊框 $("input:first").focusin(function() { $(this).css('border','2px solid red') }) </script> <script type="text/javascript"> //不同函數(shù)傳遞數(shù)據(jù) function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕課網(wǎng)', fn) } a(); </script>查看全部
-
mouseenter JavaScript事件是Internet Explorer專有的。查看全部
-
<script type="text/javascript"> var n = 0; //綁定一個(gè)mouseover事件 $(".aaron1 p:first").mouseover(function(e) { $(".aaron1 a").html('進(jìn)入元素內(nèi)部,mouseover事件觸發(fā)次數(shù):' + (++n)) }) </script>查看全部
-
<h4>測(cè)試二</h4> <div class="left"> <div class="aaron1"> <p>鼠標(biāo)在綠色區(qū)域移動(dòng)觸發(fā)mousemove</p> <p>移動(dòng)的X位置:</p> </div> </div> <script type="text/javascript"> //綁定一個(gè)mousemove事件 //觸發(fā)后修改內(nèi)容 $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移動(dòng)的X位置:' + e.pageX) }) </script>查看全部
-
select事件只能用于<input>元素與<textarea>元素 c觸發(fā)元素select事件,并且回調(diào)查看全部
-
focus()在元素本身產(chǎn)生,focusin()在元素包含的元素中產(chǎn)生 blur與focusout也亦是如此查看全部
-
<h4>測(cè)試二</h4> <div class="test2"> <p>$('button:first').click(function(e) {alert(this)})</p> </div> <button>指定觸發(fā)事件</button> <script type="text/javascript"> $('p').click(function(e) { alert(e.target.textContent) }) //this指向button元素 $("button:eq(1)").click(function() { $('p').click() //指定觸發(fā)綁定的事件 }) </script>查看全部
-
$("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
舉報(bào)
0/150
提交
取消