jquery.hotkeys监听键盘按下事件keydown插件

2016年07月27日 9 阅读

jquery.hotkeys文件下载： http://xiazai.jb51.net/201405/yuanma/jquery_hotkeys（jb51.net）.rar参照了一下它的文档用法，我们可以这样使用：复制代码 代码如下: <script src="jquery-1.4.1.min.js" type="text/javascript"></script> <script src="jquery.hotkeys.js"...

jquery 按键盘上的enter事件

2016年07月27日 9 阅读

接下来我们使用Jquery实现回车键Enter切换焦点，此代码在常用浏览器IE7， IE8， Firefox 3， Chrome 2 和 Safari 4测试通过。使用的开发工具是微软VS2010+Jquery框架实现步骤如下1、首先引用Jquery类库<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 2、Javascript代码复制...

jQuery事件之键盘事件（ctrl+Enter回车键提交表单等）

2016年07月27日 9 阅读

键盘事件处理所有用户在键盘敲击的情况，不管在文本输入区域内部还是外部。键盘事件在不同的浏览器中作用的范围是不一样的，通常这种键盘事件可以作用于 Form元素，a标签元素，window ，document这样的元素上。在所有可以获得交点的元素上是可以触发键盘事件的，可以获得焦点的元素可以这样理解，在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元（在没有为这些元素设置tabindex属性值的情况下，当tabindex设置为负数的时候，在使用Tab键...

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

2016年07月27日 9 阅读

其实主要是通过window.orientation实现，下面看下代码吧复制代码 代码如下:function orient（） {if （window.orientation == 90 || window.orientation == -90） {//ipad、iphone竖屏；Andriod横屏$（"body"）.attr（"class", "landscape"）;orientation = "landscape";return false;}else...

基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中

2016年07月27日 14 阅读

DIV：复制代码 代码如下:<div class="pic_conent"><div class=" fn-pr pic_layer"><！--图片文字介绍透明层--><section class="bg text_layer_home p10 font-yahei fn-bc"> <h2 class="f14 fefefe">${pic.desc}</h2><aside cla...

浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

2016年07月27日 9 阅读

浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法，如下：复制代码 代码如下:$（window）.resize（function（）{var surH = $（window）.height（）;$（".pic_conent"）.height（surH）;} 当浏览器变化，拉大拉小时，没有反应；方法一：在标签上加入 onLoad="" onResize="" 方法 写上对应的方法即可方法二：window.onresize=function（）{...

js取整数、取余数的方法

2016年07月27日 10 阅读

1.丢弃小数部分,保留整数部分parseInt（5/2）2.向上取整,有小数就整数部分加1Math.ceil（5/2）3,四舍五入.Math.round（5/2）4,向下取整Math.floor（5/2） Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述 FF N IEabs（x） 返回数的绝对值 1 2 3acos（x） 返回数的反余弦值 1 2 3asin（x） 返回数的反正弦...

如何防止回车（enter）键提交表单

2016年07月27日 9 阅读

如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if（event.keyCode==13）return false;"把这句写在from标签里面就好了。如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch（）;">返回值必须是false 复制代码 代...

Jquery+asp.net后台数据传到前台js进行解析的方法

2016年07月27日 10 阅读

所以在解析后台数据的时候，我们需要根据后台的数据情况，特殊处理和对待。我这里后台用的是asp.net提供的wcf服务，也有ashx一般处理程序。大致原理差不多。C#中我们经常用的对象，有实体对象比如：User；有List集合，一般为返回列表。复杂点的还有对象嵌套对象或者list集合的。不过没什么差别，只要看你的数据多少来决定是由js处理数据，还是后台处理了直接返回最终结果。1、实体对象：返回是对象的话，在js中，直接就是和你后台代码类中的对象数据是一样的。...

Jquery操作js数组及对象示例代码

2016年07月27日 9 阅读

贴一段jQuery对js对象及数组的操作：增删改查的代码。复制代码 代码如下:var WorkList = new Array（）;//数组对象 //下面是自己定义的实体 function WorkEx（depart, title, begintime, endtime） { this.SId = 0; this.Id = -（WorkList.length+1）; this.DepartmentName = depart; this.Title ...

json的定义、标准格式及json字符串检验

2016年07月27日 9 阅读

现在越来越多的项目和开发插件等默认都会支持和使用json数据格式，作为数据保持、传输的一种方式。 说是其中一种，就标示还有好多其他格式。比如：最多是xml。webservice的标准数据格式。 不过由于json是JavaScript 对象表示法（JavaScript Object Notation），天生就对js支持很好， 所以现在很多的ajax等都使用json，反而会更好处理一些。1、定义什么是 JSON ？1.JSON 指的是 JavaScript 对...

Jquery Ajax方法传值到action的方法

2016年07月27日 8 阅读

假设cshtml文件中是这样的：复制代码 代码如下:<script type="text/javascript"> $（document）.ready（function（）{ $（"#btn"）.click（function（）{ $.ajax（{ type: "POST", url: "/Home/MyAjax", data: { val1: $（"#txt1"）.val（）, val2: $（"#txt2"）.val（）, val3: $（...

再谈Jquery Ajax方法传递到action（补充）

2016年07月27日 9 阅读

之前写过一篇文章Jquery Ajax方法传值到action，本文是对该文的补充假设 controller中的方法是如下：复制代码 代码如下:public ActionResult ReadPerson（PersonModel model） { string s = model.ToString（）; return Content（s）; } public ActionResult ReadPersons（List<PersonModel&g...

两个多选select（multiple左右）添加、删除选项和取值实例

2016年07月27日 9 阅读

不知道怎么描述，就是有两个select下拉，做成文本域那样的，可以从一侧的结果集中选择值，添加到另一侧中；另一侧删掉后，值又重新到结果集那边了。直接看范例演示吧，相信你以前后者以后会用到的！不多说了，上代码：复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

jquery实现的一个简单进度条效果实例

2016年07月27日 9 阅读

jquery实现一个进度条的效果，或许在这里没有什么实际的作用，但是已经实现了进度条的部分原理，前端是怎么实现那种进度效果的。效果演示：进度条实现源码：复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h...

js图片处理示例代码

2016年07月27日 9 阅读

复制代码 代码如下: var ImgObj=new Image（）; //建立一个图像对象 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量 图片相关属性 //以下为限制变量 var AllowExt=".jpg|.gif|.d...

JavaScript中的函数的两种定义方式和函数变量赋值

2016年07月27日 9 阅读

复制代码 代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /*I总结： 1.函数名可以做变量使用，可以赋值，可以传值 2.函数名当参数，传递给另一个函数 */ //======...

Javascript中对象继承的实现小例

2016年07月27日 9 阅读

复制代码 代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /** * json对象的格式 {key:value,key:value,key:value..} */ //创建对象...

构造函数+原型模式构造js自定义对象（最通用）

2016年07月27日 11 阅读

复制代码 代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 组合模式： 构造函数模式+原型模式 这种方式是javascript中最通用的创建对象的方式 变量类型属性：用...

JavaScript中对象属性的添加和删除示例

2016年07月27日 9 阅读

复制代码 代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 用.为对象添加属性 用关键字delete删除属性 用[]添加属性 和.的不同 r.name==r["name...