-
<form action="______">这里面的地址就是提交之后页面跳转的地址查看全部
-
能触发submit事件的行为: <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时,敲击Enter(回车键) <form id="target1" action="test.html"> 回车键或者点击提交表单: <input type="text" value="输入新的值" /> <input type="submit" value="Go" /> </form> //回车键或者点击提交表单 $('#target1').submit(function(e) { alert('捕获提交表达动作,不阻止页面跳转') }); //回车键或者点击提交表单,禁止浏览器默认跳转: $('#target2').submit(function() { alert('捕获提交表达动作,阻止页面跳转') return false; });查看全部
-
当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。 select事件只能用于<input>元素与<textarea>元素 $('textarea').select(function(e) { alert(e.target.value); });查看全部
-
开发者可以通过change事件去监听这些改变的动作 $('.target1').change(function(e) { $("#result").html(e.target.value) });查看全部
-
keypress()事件 在input元素上绑定keydown事件会发现一个问题: 每次获取的内容都是之前输入的,当前输入的获取不到 keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本 当浏览器捕获键盘输入时,还提供了一个keypress的响应,这个跟keydown是非常相似,这里使用请参考keydown这一节,具体说说不同点 keypress事件与keydown和keyup的主要区别 对中文输入法支持不好,无法响应中文输入 无法响应系统功能键(如delete,backspace) 由于前面两个限制,keyCode与keydown和keyup不是很一致 总而言之, KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
<h4>测试三</h4> <div class="test3"> <p>$('.right').click(1111, set)</p> </div> <button>不同函数传递数据</button> <script type="text/javascript"> //不同函数传递数据 function data(e) { alert(e.data) //1111 } function a() { $("button:eq(2)").click(1111, data)//函数名称即可 } a(); </script>查看全部
-
select事件 当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 select事件只能用于<input>元素与<textarea>元素 使用上非常简单: 方法一:.select() 触发元素的select事件: $("input").select(); 方法二:$ele.select( handler(eventObject) ) 绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数 这样可以针对事件的反馈做很多操作了 <input id="test" value="文字选中"></input> $("#text").select(function() { //响应文字选中回调 //this指向 input元素 }); 方法三:$ele.select( [eventData ], handler(eventObject) ) 使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题 <input id="test" value="文字选中"></input> $("#text").select(11111,function(e) {//响应文字选中回调 //this指向 div元素 //e.date => 11111 传递数据 });查看全部
-
change事件 <input>元素,<textarea>和<select>元素都是可以选择值一些改变,开发者可以通过change事件去监听这些改变的动作 input元素 监听value值的变化,当有改变时,失去焦点后触发change事件 select元素 对于下拉选择框,复选框和单选按钮,当用户用鼠标作出选择,该事件立即触发 textarea元素 多行文本输入框,当用户用鼠标点击时,该事件立即触发 change事件很简单,无非就是注意下触发的先后行为,可以看看右边代码参考查看全部
-
blur和foucus不支持冒泡 focusin和focusout支持冒泡查看全部
-
.mouseover() 鼠标进入到DIV里面后 无论碰到那个元素 冒泡都会增加一次 离开也增加一次 .mouseleave() 鼠标进入DIV 碰到哪个元素 冒泡都不会增加 只有离开后再进入才会增加查看全部
-
$(elem).on("click",function(event){ event //事件对象 }) 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁查看全部
-
中文输入不会触发keypress()事件,文字会保持到input的value值中,等待输入英文才会将value中的内容取出。查看全部
-
form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可查看全部
-
子元素有事件,若冒泡,则向上寻找父元素有无绑定事件,若有则执行 子元素有事件,若不冒泡,则仅判断子元素本身有无绑定事件查看全部
-
focus和blur事件都绑到了div上,你点击input或者点完移开失去焦点当然没反应了,因为input没有绑定事件啊。 而focusin和focuout也绑在div上,为啥有反应呢? 因为后者在你点input的时候会一级一级的往上面查父元素,如果父元素有事件就执行了,所以你看到了效果。这叫事件冒泡。 $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) $(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕获了focusin事件') })查看全部
举报
0/150
提交
取消