-
嗯嗯嗯查看全部
-
jQuery鼠标事件之focusout事件 当一个元素，或者其内部任何一个元素失去焦点的时候，比如input元素，用户在点击失去焦的时候，如果开发者需要捕获这个动作，jQuery提供了一个focusout事件 区别：focusin一旦点击就变色。focusout失去焦点变色 focus和blur不支持冒泡，focusin和focusout支持冒泡查看全部
-
.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
jQuery鼠标事件之focusin事件 方法一：$ele.focusin() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，一般用的比较少 <div id="test">点击触发<div> $("ele").focusin(function(){ alert('触发指定事件') }) $("#test").mouseup(function(){ $("ele").focusin() //指定触发事件 }); 方法二：$ele.focusin( handler ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#test").focusin(function() { //this指向 div元素 }); 方法三：$ele.focusin( [eventData ], handler ) eventData是数据参数，handler是执行事件的函数名。 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#test").focusin(11111,function(e) { //this指向 div元素 //e.data => 11111 传递数据 }); 区别：click方法用于监听用户单击操作，用户在点击聚焦的时候，如果开发者需要捕获这个动作的时候，jQuery提供了一个focusin事件；当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。 [收起] 6小时前 2-7 jQuery鼠标事件之hover事件 jQuery鼠标事件之hover事件 在元素上移进移出切换其换色，一般通过2个事件配合就可以达到，这里用mouseenter与mouseleave，这样可以避免冒泡问题 这样目的是达到了，代码稍微有点多，对于这样的简单逻辑jQuery直接提供了一个hover方法，可以便捷处理查看全部
-
jQuery鼠标事件之focusin事件 方法一：$ele.focusin() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，一般用的比较少 <div id="test">点击触发<div> $("ele").focusin(function(){ alert('触发指定事件') }) $("#test").mouseup(function(){ $("ele").focusin() //指定触发事件 }); 方法二：$ele.focusin( handler ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">点击触发<div> $("#test").focusin(function() { //this指向 div元素 }); 方法三：$ele.focusin( [eventData ], handler ) eventData是数据参数，handler是执行事件的函数名。 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#test").focusin(11111,function(e) { //this指向 div元素 //e.data => 11111 传递数据 }); 区别：click方法用于监听用户单击操作，用户在点击聚焦的时候，如果开发者需要捕获这个动作的时候，jQuery提供了一个focusin事件；当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。查看全部
-
jQuery鼠标事件之hover事件 在元素上移进移出切换其换色，一般通过2个事件配合就可以达到，这里用mouseenter与mouseleave，这样可以避免冒泡问题 这样目的是达到了，代码稍微有点多，对于这样的简单逻辑jQuery直接提供了一个hover方法，可以便捷处理 只需要在hover方法中传递2个回调函数就可以了，不需要显示的绑定2个事件 $(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数查看全部
-
jQuery鼠标事件之mouseenter与mouseleave事件 mouseenter :当鼠标指针穿过元素时，会发生 mouseenter 事件。 mouseovre: 当鼠标指针位于元素上方时，发生的mouseover事件。 mouseleave:当鼠标指针离开元素时，会发生 mouseleave 事件。 mouseenter JavaScript事件是Internet Explorer专有的。由于该事件在平时很有用，jQuery的模拟这一事件，以便它可用于所有浏览器。该事件在鼠标移入到元素上时被触发。任何HTML元素都可以接受此事件。 mouseenter事件和mouseover的区别 关键点就是：冒泡的方式处理问题 简单的例子： mouseover为例： <div class="aaron2"> <p>鼠标离开此区域触发mouseleave事件</p> </div> 如果在p元素与div元素都绑定mouseover事件，鼠标在离开p元素，但是没有离开div元素的时候，触发的结果: p元素响应事件 div元素响应事件 这里的问题是div为什么会被触发？ 原因就是事件冒泡的问题，p元素触发了mouseover，他会一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就会被触发 所以在这种情况下面，jQuery推荐我们使用 mouseenter事件 mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发查看全部
-
我覺得慕粉3538203同學的代碼寫得好！比“任務”代碼更簡潔、清晰、緊湊、實用： $('.right p').mouseover('data = 慕课网',function(e){ $('.right a').html('mouseover事件触发次数：'+(++n) + '</br>' + '传入数据为：' + e.data); }) 我也發現代碼中初值 var n=0；這個問題了。如果不想共享這個n初值，可以將其分別設為n1、n2...等即可。查看全部
-
<script type="text/javascript"> //事件委托 $("ul").on('click','li',function(e){ alert('触发的元素是内容是: ' + this.textContent)//this 代表li点击事件,和e.target一样 }) //冒泡 $("ul").on('click',function(e){ alert('触发的元素是内容是: ' + e.target.textContent)//this代表ul父节点,e.target代表点击事件节点 }) $("li","ul").on('click',function(e){ alert('触发的元素是内容是: ' + this.textContent)//this代表点击的li节点,于e.target一样 }) </script>查看全部
-
event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法：阻止默认行为 这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法：阻止事件冒泡 事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
点击li冒泡到ul，ul绑了事件，这就是冒泡，e.target指的是被点击的元素，就是你点的那个li查看全部
-
通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off()查看全部
-
加了第二个参数选择器： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数查看全部
-
$("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 $("#elem").on("mouseover mouseout",function(){ });//多个事件绑定同一个函数 $("#elem").on({//多个事件绑定不同函数 mouseover:function(){}, mouseout:function(){} });查看全部
-
keypress事件与keydown和keyup的主要区别 只能捕获单个字符，不能捕获组合键 无法响应系统功能键（如delete，backspace） 不区分小键盘和主键盘的数字字符查看全部
举报
0/150
提交
取消