-
<script type="text/javascript"> //监听键盘按键 //获取输入的值 $('.target1').keydown(function(e) { $("em:first").text(e.target.value) }); //监听键盘按键 //获取输入的值 $('.target2').keyup(function(e) { $("em:last").text(e.target.value) }); </script>查看全部
-
<script type="text/javascript"> //回车键或者点击提交表单 $('#target1').submit(function(e) { alert('捕获提交表达动作,不阻止页面跳转') }); //回车键或者点击提交表单,禁止浏览器默认跳转： $('#target2').submit(function() { alert('捕获提交表达动作,阻止页面跳转') return false; }); </script>查看全部
-
<input>元素，<textarea>和<select>元素都是可以选择值一些改变，开发者可以通过change事件去监听这些改变的动作查看全部
-
好像只有在表单上才会有一些聚焦与失焦事件。查看全部
-
blur()在元素本身产生，focusout()在元素包含的元素中产生。查看全部
-
focus()在元素本身产生，focusin()在元素包含的元素中产生查看全部
-
$(this).val(e.data) 其中val表示在<input type="text" /> 即此框内显示的东西。查看全部
-
<script type="text/javascript"> //input聚焦 //给input元素增加一个边框 $("input:first").focusin(function() { $(this).css('border','2px solid red') }) </script> <script type="text/javascript"> //不同函数传递数据 function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕课网', fn) } a(); </script>查看全部
-
mouseenter JavaScript事件是Internet Explorer专有的。查看全部
-
<script type="text/javascript"> var n = 0; //绑定一个mouseover事件 $(".aaron1 p:first").mouseover(function(e) { $(".aaron1 a").html('进入元素内部,mouseover事件触发次数：' + (++n)) }) </script>查看全部
-
<h4>测试二</h4> <div class="left"> <div class="aaron1"> <p>鼠标在绿色区域移动触发mousemove</p> <p>移动的X位置：</p> </div> </div> <script type="text/javascript"> //绑定一个mousemove事件 //触发后修改内容 $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移动的X位置：' + e.pageX) }) </script>查看全部
-
select事件只能用于<input>元素与<textarea>元素 c触发元素select事件，并且回调查看全部
-
focus()在元素本身产生，focusin()在元素包含的元素中产生 blur与focusout也亦是如此查看全部
-
<h4>测试二</h4> <div class="test2"> <p>$('button:first').click(function(e) {alert(this)})</p> </div> <button>指定触发事件</button> <script type="text/javascript"> $('p').click(function(e) { alert(e.target.textContent) }) //this指向button元素 $("button:eq(1)").click(function() { $('p').click() //指定触发绑定的事件 }) </script>查看全部
-
$("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
举报
0/150
提交
取消