大佬教程收集整理的这篇文章主要介绍了javascript – jQuery模糊事件没有触发,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#comments").blur(function() { var txt = $("#comments").html(); txt = txt.replace(/\n/g,' '); txt = txt.replace(/\s{3,}/g,' '); $("#comments").html($.trim(txt)); }); //$("#comments").trigger("blur"); added this to Help fix the issue,but it didn't make a difference }); </script>
HTML:
< textarea name =“comments”id =“comments”style =“width:100%; height:200px”>< / textarea>
这里是jsfiddle链接:http://jsfiddle.net/75JF6/17/
编辑:感谢所有快速回复.我已经调查了每个人的答案,并听取了你的意见.我有95%的路在那里,然而,仍然存在一个问题.切换到.val()方法而不是.html()是一种更好的方法,但是根据jQuery API,在textareas上调用此方法时会出现以下问题,其中解析了回车符.问题是我需要确保删除它们以验证该字段.
$.valHooks.textarea = { get: function( elem ) { return elem.value.replace( /\r?\n/g,"\r\n" ); } };
正如我之前提到的,我是jQuery的新手,并且无法找到有关如何在google& amp;之间正确使用valHooks的更多信息.堆栈溢出.如果有人能就我原来的问题对此有所了解,我们将不胜感激.
同时在提交按钮上附加click事件,因为单击按钮时不会发生模糊事件.你必须明确地让textarea失去焦点.
$(document).ready(function () { $("#comments").on('blur',trimText); $("input[type='submit']").on('click',function (E) { e.preventDefault(); trimText(); $("input[type='submit']").submit(); }); function trimText() { var txt = $("#comments").html(); txt = txt.replace(/\n/g,' '); txt = txt.replace(/\s{3,' '); $("#comments").html($.trim(txt)); } });
以上是大佬教程为你收集整理的javascript – jQuery模糊事件没有触发全部内容,希望文章能够帮你解决javascript – jQuery模糊事件没有触发所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。