-
$(selector).hover(handlerIn, handlerOut)查看全部
-
mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发 而mouseove事件不仅会在绑定它的元素上被调用,还会在后代节点上被触发查看全部
-
change用于监听input、select、textarea等元素中的输入或者选择内容改变事件,可处理改变后的value查看全部
-
//给input绑定一个聚焦事件 $("input").on("focus",function(event,title) { $(this).val(title) }); $("#accident").on("click",function() { alert("trigger触发的事件会在 DOM 树中向上冒泡"); }); //trigger触发focus $("button:first").click(function() { $("a").trigger("click"); // a冒泡到div,div有click事件 $("input").trigger("focus"); // 触发光标focus事件 }); //triggerHandler触发focus $("button:last").click(function() { $("a").triggerHandler("click"); // triggerHandler使a不冒泡,a没有绑定的click事件 $("input").triggerHandler("focus","没有触发默认聚焦事件"); // 参数传递到.val() }); 关于focus事件,按钮一先执行$(this).val(title)再触发浏览器的默认input的focus事件,即focus了表单且回到默认的清空状态。而按钮二,没有执行默认的focus事件,所以停留在$(this).val(title)状态,title的值是"没有触发默认聚焦事件"。查看全部
-
<script type="text/javascript"> //点击更新次数 $("button:first").click(function(event,bottonName) { bottonName = bottonName || 'first'; // if(bottonName){ }else(!bottonName) {bottonName = 'first'} // 注意:bottonName的值为空(当点击按钮一)或者‘last(当点击按钮二)’ update($("span:first"),$("span:last"),bottonName); // 调用update函数并传参 }); //通过自定义事件调用,更新次数 $("button:last").click(function() { $("button:first").trigger('click','last'); // 触发第39行的click事件并传参 }); function update(first,last,bottonName) { first.text(bottonName); // 值为'last' 或 'first' var n = parseInt(last.text(), 10); // 字符串转为整数,且是10进制整数(10可以去掉),待考证 last.text(n + 1); // 每点击完一次,加1 } </script>查看全部
-
<h2>on事件委托</h2> <div class="left"> <div class="aaron"> <a>点击这里 <p>这里这里这里</p> </a> <p>这里这里这里1</p> </div> 我的理解:如果不加a--$('body').on('click', function(e) {})则body里面任意位置点一下就触发。 而$('body').on('click', 'a', function(e) {})是把事件委托给了a元素,如果点击的位置就是a 或者a的子元素(能冒泡给a就行),因为已经全权委托给a,点击body的其他位置将不再触发 另外关于e.target,如果我点击在“点击这里”字样(<a>本体),e.target(事件的对象)就是a标签,e.target.textContent就是a的内容,当然包含了它的子标签,“点击这里 这里这里这里”,如果点击“这里这里这里”a标签里的p标签,所以也能触发,但是此时的e.target就是p标签而已,e.target.textContent就只是“这里这里这里”查看全部
-
uodate里面的var n 后面看不太懂查看全部
-
input元素 监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。 select元素 对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发 textarea元素 多行文本输入框,当有改变时,失去焦点后触发change事件 注意 input和textarea 都要在改变并失焦后 才能触发change事件查看全部
-
.click(function(){}) .click(function(e){}) .click(function(asdasdf,function(e){}))查看全部
-
$(selector).hover(handlerIn, handlerOut) •handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数 •handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数查看全部
-
mouseover跟mouseenter 是一样的,是进入元素是触发,但看左边的教程你就会懵逼。mouseover简单的说就是进入指定元素触发一次,进入其子元素也会触发一次,从子元素离开经过父元素时也会触发一次。查看全部
-
代码中的e.target返回的是绑定这个事件的DOM对象, 是DOM对象不是Jquery对象, 所以e.target后面跟的属性是js中的属性和方法, jquery中的属性和方法用不了,要用jquery的属性方法,要转化为Jquery对象$(e.target).val(). 老师说的时候有点问题, 当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。查看全部
-
事件的绑定除了on 还有bind 具体见http://www.w3school.com.cn/jquery/event_bind.asp查看全部
-
this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;查看全部
-
event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素查看全部
举报
0/150
提交
取消