Welcome 微信登录

首页 / 脚本样式 / JavaScript

Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法

Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法

做项目时,客户要求能够用enter回车直接切换输入(焦点),当最后一个时候,直接提交信息。第一想法就是,网上去copy一段代码直接用。但了百度、谷歌找了个遍,找到的代码80%以上都是一样的。有的代码太老,都不能用。有的只有部分浏览器能用。折腾了半小时也没个合适的办法。最后一想,干脆自己动手。一、思路 每次点击回车的时候,获取当前的焦点位置,然后设置它的下一个元素获取焦点;二、代码<script type="text/javascript"> ...
影响jQuery使用的14个方面

影响jQuery使用的14个方面

幸运的是,人们通常具有各种不同的插件可供选择。但是,即使你只用一个,也要弄清楚它是否值得使用的。永远不要在你的代码库中引入错误的代码。 你需要一个插件吗? 首先是要弄清楚究竟你是否需要一个插件。如果不需要,既可以节省文件大小,又可以节省自己的时间。 1.自己写是不是更好? 如果功能很简单,就自己写。jQuery的插件经常会捆绑各种功能,这可能矫枉过正。在这种情况下,手写任何简单的功能往往更有意义。当然,要对所涉及的工作量有所衡量。 举例来说,如果...
使用jquery.validate自定义方法实现

使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证

最近项目开发中遇到这样的需求“手机号码或者固话至少填写一个”,如下图所示:项目采用的jquery.validate.js验证组件,目前组件不支持这种“或”逻辑的验证,于是就自己定义一个jQuery.validator.addMethod("phone", function(value, element) {var mobile = $("#mobile").val();// 手机号码var telephone = $("#telephone").val()...
如何判断微信内置浏览器(通过User Agent实现)

如何判断微信内置浏览器(通过User Agent实现)

在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢?微信内置浏览器的 User Agent如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是:Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (K...
浅析JQuery中的html(),text(),val()区别

浅析JQuery中的html(),text(),val()区别

1.HTMLhtml():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。2.TEXTtext():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。text(val):设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "&...
jquery ajax请求方式与提示用户正在处理请稍等

jquery ajax请求方式与提示用户正在处理请稍等

初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面。异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必须等待当前请求返回数据。而使用异步方式请求,页面不会出现假死现象。提升用户体验度:当用户提交数据等待页面返回结果是需要时间的,有时这段等待时间比较长,为了提高用户体...
JavaScript中的单引号和双引号报错的解决方法

JavaScript中的单引号和双引号报错的解决方法

在使用JavaScript显示消息或者传递字符数据的时候,经常会碰到数据中夹杂单引号(")或者双引号("),这种语句往往会造成JavaScript报错。对此一般采用/"或者/"的解决。例如:Alert("this is test "message"!"); Alert("this is test "message"!");一般会改成以下语句Alert("this is test /"message/"!"); //或者 Alert("this is tes...
文本框倒叙输入让输入框的焦点始终在最开始的位置

文本框倒叙输入让输入框的焦点始终在最开始的位置

所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置,如图所示,当我输入123456789时,在输入框上显示的是987654321。为什么要做这个Demo?是因为在项目中遇到了,项目需求是两个输入框,一个正序输入,另一个倒叙输入。 下面我把实现的思路和代码写出来。文本倒叙输入:只要我们保证输入框的焦点始终在第一位,这样的话就可以实现每次我们输入的都在最前面,即倒叙代码:function setPosition(ctrl, pos) { //设置光标位置函...
JQuery中的html()、text()、val()区别示例介绍

JQuery中的html()、text()、val()区别示例介绍

1.HTMLhtml():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。2.TEXTtext():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。text(val):设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "&...
JQuery表格拖动调整列宽效果(自己动手写的)

JQuery表格拖动调整列宽效果(自己动手写的)

类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到。为了能在所有需要该效果的页面使用,并且不需要更改页面任何HTML,我把所有的代码整合在 $(document).ready(function() {})...
<< 901 902 903 904 905 906 907 908 909 910 >>