JQuery——表单事件-创新互联

表单事件.blur()、.focus()、.change()、 .select()和.submit()

1  .blur()和.focus()处理表单焦点

2   .blur()和.focus()区别在于是否支持冒泡处理

3  .focus()在元素本身产生，.focusin()在元素包含的元素中产生

4  .change()监听元素值的改变，要注意触发的先后行为

5  input监听value值的变化，当有改变时，失去焦点后触发change事件，对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发

6  select对于下拉选择框，当用户用鼠标做出选择时，该事件立即触发

7  textarea多行文本输入框，当有改变时，失去焦点后触发change事件

8  当textarea或文本类型的input元素中的文本被选择时，会发生select事件

9  .select()触发元素的select事件，会调用执行绑定到select事件的所有函数，包括浏览器的默认行为，可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为

10   .select()事件只能用于元素和<input>元素</p><p>11  $ele.select(handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以针对事件的反馈做很多操作</p><p>12   $ele.select([eventData],handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以接受一个数据参数，为了解决不同作用域下数据传递的问题</p><p>13  .submit()监听用户提交表单时的动作</p><p>14  $ele.submit()绑定$ele元素，不带任何参数一般是用来指定触发一个事件</p><p>15   $ele.submit(handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以针对事件的反馈做很多操作</p><p>16   $ele.submit([eventData],handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以接受一个数据参数，为了解决不同作用域下数据传递的问题</p><p>17  通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的行为</p><p>18  触发submit事件的行为</p><p><input type="submit"></p><p><input type="p_w_picpath"></p><p><button type="submit"></p><p>当某些表单元素获取焦点时，敲击Enter（回车键）</p><p>19  form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的默认行为</p><p>20  传统的方式是调用事件对象e.preventDefault()来处理，JQuery中可以直接在函数中最后结尾return false即可</p><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br> 分享题目：JQuery——表单事件-创新互联 <br> 网站路径：<a href="http://cdkjz.cn/article/cocsji.html">http://cdkjz.cn/article/cocsji.html</a> </div> <div class="g-return-wrapper clearfix"> <a href="http://www.cdkjz.cn/" class="home">返回首页</a> <a href="http://www.cdkjz.cn/news/" class="column">了解更多建站资讯</a> </div> </div> </div> <div class="full-related-news"> <h3 class="related-title">相关资讯</h3> <div class="related-news weblg"> <ul class="clearfix"> <li> <a href="/article/disoesi.html"> <h2 class="title">android端口占用 安卓端口号</h2> </a> </li><li> <a href="/article/disoeop.html"> <h2 class="title">mysql怎么长期使用 mysql使用技巧</h2> </a> </li><li> <a href="/article/disoeeo.html"> <h2 class="title">jquery中的符号查找 jquery字符串查找</h2> </a> </li><li> <a href="/article/disoeod.html"> <h2 class="title">linux命令给权限 linux给权限的命令</h2> </a> </li><li> <a href="/article/disoedg.html"> <h2 class="title">微电脑式电饭锅故障(电饭锅电脑版可能出问题了怎么办)</h2> </a> </li><li> <a href="/article/disoece.html"> <h2 class="title">ios开发很辛苦吗 ios开发很辛苦吗为什么</h2> </a> </li><li> <a href="/article/disoshp.html"> <h2 class="title">arm开发板ios arm开发板播放视频</h2> </a> </li><li> <a href="/article/disoego.html"> <h2 class="title">微电脑电热水壶故障码(电热水壶故障排除)</h2> </a> </li> </ul> </div> </div> <div class="full-icontact-cover m-ft-contact"> <div class="weblg"> <div class="clearfix content"> <div class="motto"> 多年建站经验 </div> <div class="info"> <h3>多一份参考，总有益处</h3> <h2> 联系快上网，免费获得专属《策划方案》及报价</h2> <div class="msg"> <p>咨询相关问题或预约面谈，可以通过以下方式与我们联系</p> <h4> 大客户专线   成都：<a href="tel:+13518219792" rel="nofollow">13518219792</a>   座机：<a href="tel:02886922220" rel="nofollow">028-86922220</a> </h4> </div> </div> </div> <div class="btns clearfix"> <a href="https://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank" rel="nofollow" class="oline">在线咨询</a> <a href="javascript:;" class="edit" rel="nofollow">提交需求</a> </div> </div> </div> <div class="footer-content"> <div class="weblg clearfix"> <div class="friend-links"> <h6 class="clearfix"> <span class="tilte">友情链接</span> <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a> </h6> <div class="link-list clearfix"> <div class="link-slider"> <a href="http://www.wjzwz.com/" title="温江做网站" target="_blank">温江做网站</a><a href="https://www.cdcxhl.com/app.html" title="成都app软件开发公司" target="_blank">成都app软件开发公司</a><a href="http://www.cdkjz.cn/small/" title="微信小程序" target="_blank">微信小程序</a><a href="http://m.xwcx.net/" title="响应式报价" target="_blank">响应式报价</a><a href="http://www.hfwuji.cn/" title="清舞人间" target="_blank">清舞人间</a><a href="http://www.sczitong.com/" title="彩乐斯贸易" target="_blank">彩乐斯贸易</a><a href="http://www.ybzwz.com/" title="宜宾网站设计" target="_blank">宜宾网站设计</a><a href="http://www.cdkjz.cn/" title="网页设计" target="_blank">网页设计</a><a href="https://www.cdcxhl.com/yunying.html" title="网站改版维护" target="_blank">网站改版维护</a><a href="https://www.cdxwcx.com/city/suining/" title="遂宁网站建设" target="_blank">遂宁网站建设</a> </div> </div> </div> </div> <div class="full-foot-bottom"> <div class="weblg clearfix"> <p>成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询<a href="tel:028-86922220">028-86922220</a></p> <p> 成都快上网科技有限公司-四川网站建设设计公司 | <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备19037934号</a> Copyright 2020,ALL Rights Reserved cdkjz.cn | <a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a> | © Copyright 2020版权所有.</p> <p>专家团队为您提供<a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a>,<a href="http://www.cdkjz.cn/" target="_blank">成都网站设计</a>,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | <a href="###">网站建设地图</a></p> </div> </div> </div> <script type="text/javascript" src="../js/idangerous.swiper.min.js"></script> <script type="text/javascript" src="../js/wow.min.js"></script> <script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script> <script type="text/javascript" src="../js/jquery.placeholder.min.js"></script> <script type="text/javascript" src="../js/layout.js"></script> </body> </html> <script> $(".singlepage img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>