-
jQuery表单事件之select事件，当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。 select事件只能用于<input>元素与<textarea>元素 方法一：.select() 方法二：$ele.select( handler(eventObject) ) 方法三：$ele.select( [eventData ], handler(eventObject) )查看全部
-
jQuery表单事件之change事件 开发者可以通过change事件去监听<input>元素，<textarea>和<select>元素的值的改变 input元素 监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。 select元素 对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发 textarea元素 多行文本输入框，当有改变时，失去焦点后触发change事件 输出结果： <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>查看全部
-
$(".aaron").focus(function() { $(this).css('border', '2px solid red') }) $(".aaron1").focusin(function() { //$(this).find('input').val('冒泡捕获了focusin事件') $(this).css('border', '2px solid red') })查看全部
-
focus与blur事件：不支持冒泡，即在元素本身发生。focusin与focusout支持冒泡，即在元素半酣的元素产生 例如<div> <input type="text" /> </div> focus和blur事件都绑到了div上，你点击input或者点完移开失去焦点没反应，因为没有绑定input，也就是因为不支持冒泡事件 focusin和focuout也绑在div上，有反应，因为在点input元素的时候会一级一级的往上面查父元素，如果父元素有事件就执行了，所以你看到了效果。这叫事件冒泡。也就是因为只吃冒泡事件查看全部
-
KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为查看全部
-
把a换成div后，弹了两次窗口。同时我另外绑定一个body的click，点击a的时候，另外绑定的bocy click一样会弹窗。所以第二个参数应该不是停止往上冒泡。而是过滤参数。全意应该是给body里面的a设击事件查看全部
-
jQuery鼠标事件之focusout事件 方法一：$ele.focusout() 例如 //input失去焦点， //给input元素增加一个边框 $("imput:first").focusout(function)(){ $(thsi).css('border','2px solid red') } 方法二：$ele.focusout( handler ) 方法三：$ele.focusout( [eventData ], handler )，可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 例如 function fn(e){ $(this).val(e.data) } funtion a(){ $("input:last").focusout('慕课网',fn) } a();查看全部
-
jQuery鼠标事件之focusin事件:当一个元素，或者其内部任何一个元素获得焦点的时候，例如：input元素，用户在点击聚焦的时候，如果开发者需要捕获这个动作的时候 三种方法如前面所示查看全部
-
jQuery鼠标事件之hover事件 只需要在hover方法中传递2个回调函数就可以了，不需要显示的绑定2个事件 $(selector).hover(handlerIn, handlerOut) 例如 // hover()方法是同时绑定 mouseenter和 mouseleave事件。 // 我们可以用它来简单地应用在 鼠标在元素上行为 $("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
-
鼠标是否有移到元素内部或是元素外部，因此jQuery提供了一个mouseenter和mouseleave的快捷方法可以监听用户移动到内部的操作 mouseenter事件和mouseover的区别关键点就是：冒泡的方式处理问题 mouseover为例： <div class="aaron2"> <p>鼠标离开此区域触发mouseleave事件</p> </div> 如果在p元素与div元素都绑定mouseover事件，鼠标在离开p元素，但是没有离开div元素的时候，触发的结果: p元素响应事件 div元素响应事件 事件冒泡的问题，p元素触发了mouseover，他会一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就会被触发 mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发查看全部
-
<h4>测试二</h4> <div class="test2"> <p>$('button:first').mousedown(function(e) {alert(this)})</p> </div> <button>指定触发事件</button> <script type="text/javascript"> $('p').mousedown(function(e) { alert(e.target.textContent) }) //this指向button元素 $("button:eq(1)").mousedown(function() { $('p').mousedown() //指定触发绑定的事件 }) </script> 方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#test").mousedown(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });例如 <h4>测试三</h4> <div class="test3"> <p>$('.right').mousedown(1111, set)</p> </div> <button>不同函数传递数据</button> <script type="text/javascript"> //不同函数传递数据 function data(e) { alert(e.data) //1111 } function a() { $("button:eq(2)").mousedown(1111, data) } a(); </script>查看全部
-
jQuery鼠标事件之mousedown与mouseup事件 mousedown的快捷方法可以监听用户鼠标按下的操作 mouseup快捷方法可以监听用户鼠标弹起的操作 方法一：$ele.mousedown() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，可能一般用的比较少 <div id="test">点击触发<div> $("ele").mousedown(function(){ alert('触发指定事件') }) $("#test").mousedown(function(){ $("ele").mousedown() //手动指定触发事件 });例如<h2>.mousedown()方法</h2> <h4>测试一</h4> <button>弹出回调中的鼠标键</button> <script type="text/javascript"> //this指向button元素 $("button:eq(0)").mousedown(function(e) { alert('e.which: ' + e.which) }) </script> 方法二：$ele.mousedown( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#test").mousedown(function() { //this指向 div元素 });查看全部
-
jQuery鼠标事件之click与dbclick事件 jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的查看全部
-
jQuery中的事件（比JS中的事件） 更简单、更灵活、更便捷查看全部
举报
0/150
提交
取消