-
方法一：$ele.mouseover() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").mouseover(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").mouseover() //指定触发事件 }); 方法二：$ele.mouseover( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <div id="test">滑动触发<div> $("#text").mouseover(function() { //this指向 div元素 }); 方法三：$ele.mouseover( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").mouseover(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });查看全部
-
mousedown事件触发需要以下几点： mousedown强调是按下触发 如果在一个元素按住了鼠标不放，并且拖动鼠标离开这个元素，并释放鼠标键，这仍然是算作mousedown事件 任何鼠标按钮被按下时都能触发mousedown事件 用event 对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3 mouseup事件触发需要以下几点： mouseup强调是松手触发，与mousedown是相反的 mouseup与mousedown组合起来就是click事件 如果用户在一个元素上按下鼠标按键，并且拖动鼠标离开这个元素，然后释放鼠标键，这仍然是算作mouseup事件 任何鼠标按钮松手时都能触发mouseup事件 用event 对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3 另外需要注意的是： click与mousedown的区别： click事件其实是由mousedown于mouseup 2个动作构成，所以点击的动作只有在松手后才触发查看全部
-
click与dbclick事件 用交互操作中，最简单直接就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用户是类似，下面以click()事件为例 方法一：$ele.click() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").click() //手动指定触发事件 }); 方法二：$ele.click( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数，这样可以针对事件的反馈做很多操作了，方法中的this是指向了绑定事件的元素 <div id="test">点击触发<div> $("#text").click(function() { //this指向 div元素 }) 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); dbclick与click事件不同的是： click事件触发需要以下几点： click事件其实是由mousedown与mouseup 2个动作构成，所以点击的动作只有在松手后才触发 dblclick事件触发需要以下几点： dblclick又是由2个click叠加而来的，所以dblclick事件只有在满足以下条件的情况下才能被触发 鼠标指针在元素里面时点击。 鼠标指针在元素里面时释放。 鼠标指针在元素里面时再次点击，点击间隔时间，是系统而定。 鼠标指针在元素里面时再次释放。查看全部
-
jQuery事件对象的属性和方法 事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别 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)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
-
通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为 具体能触发submit事件的行为： <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时，敲击Enter（回车键） 上述这些操作下，都可以截获submit事件。 这里需要特别注意： form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可 jQuery处理如下： $("#target").submit(function(data) { return false; //阻止默认行为，提交表单 });查看全部
-
select事件 当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 select事件只能用于<input>元素与<textarea>元素查看全部
-
input元素 监听value值的变化，当有改变时，失去焦点后触发change事件 select元素 对于下拉选择框，复选框和单选按钮，当用户用鼠标作出选择，该事件立即触发 textarea元素 多行文本输入框，监听TEXT内容的变化，当有改变时，失去焦点后触发change事件查看全部
-
必需的 action 属性规定当提交表单时，向何处发送表单数据。查看全部
-
.this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。查看全部
-
trigger事件查看全部
-
focus&blur:只能由元素本身产生 focusin&focusout:在元素包含的元素中产生查看全部
-
mouseover和mouseout会在绑定元素的后代节点上被触发。 mouseenter和mouseleave只会在绑定元素上被触发，其后代节点不会触发这两个事件。这两个事件在原生JS中，仅支持IE浏览器。查看全部
-
pageX&pageY:从页面的左上角计，鼠标指针的位置查看全部
-
<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();查看全部
-
此节仍然有点模糊，尤其是$("button:first").click(function() { $("input").trigger("focus",['触发默认事件']); });查看全部
举报
0/150
提交
取消