首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
JavaScript监听和禁用浏览器回车事件实例_javascript技巧_脚本之家
发布时间:2020-01-01 14:15
浏览次数:

js监听浏览器回车事件,可以支持ie6+,火狐,谷歌等浏览器。复制代码 代码如下:

JavaScript是如今最受欢迎的编程语言之一,但受欢迎同时就是该语言自身的各种特性带来的副作用,无论该语言多美妙,每天还是有成千上万的程序员弄出一堆bug。先不要嘲笑别人,或许你也是其中之一。

由于浏览器限制,JavaScript 跨域的问题,一直是一个颇为棘手的问题。HTML5 提供了跨文档消息传输的功能,在网页文档之间互相接收与发送信息。使用这个功能,不仅同源的 Web 网页之间可以互相通信,还可以在两个不同域名之间实现跨域通信。

JavaScript本身没有判断一个变量是不是空值的函数,因为变量有可能是string,object,number,boolean等类型,类型不同,判断方法也不同。所以在文章中写了一个函数,用以判断JS变量是否空值,如果是undefined, null, '', NaN,false,0,[],{} ,空白字符串,都返回true,否则返回false

那么,如何捕捉指定DOM对象的回车事件?这里以input标签为例说明:

给你一个例子,下面是几个简短的完全有效的JS片段:复制代码 代码如下:typeof NaN === 'number' // trueInfinity === 1/0 // true

跨文档消息传输Cross Document Messaging提供了postMessage方法在不同网页文档之间互相传递数据,支持实时消息传递。现在很多浏览器都将支持这个功能,比如Google Chrome 2.0+、Internet Explorer 8.0+、Firefox 3.0+、Opera 9.6+、Safari 4.0+等

复制代码 代码如下:function isEmpty { switch { case 'undefined': return true; case 'string': if (v.replace|.length == 0) return true; break; case 'boolean': if return true; break; case 'number': if return true; break; case 'object': if (null === v || v.length === 0) return true; for { return false; } return true; } return false;}

复制代码 代码如下:

0.1 + 0.2 === 0.3 // false,前面加括号也一样

那么,IE6、IE7等不支持 HTML5的浏览器怎么办?

复制代码 代码如下:isEmpty //trueisEmpty //trueisEmpty //trueisEmpty //trueisEmpty //trueisEmpty //trueisEmpty //trueisEmpty //true

那么,js如何禁用浏览器回车事件?我们知道,在HTML表单区域内,按回车时浏览器的默认行为是自动提交表单。下面以这个为例说明js如何去禁用浏览器回车事件:

"3" + 1 // '31' "3" - 1 // 2

可以使用window.name方法,因为window.name的修改不涉及跨域问题,虽然使用起来不是特别理想,但效果还可以接受。但是,我们总不能每次涉及到跨域都去写一遍window.postMessage、window.addEventListener、window.name等等这些内容吧。

复制代码 代码如下:

你还相信自己的JavaScript吗?

为此,我把这整个跨域过程抽象出来,封装成一个JavaScript 插件,解决双向跨域问题,实现不同网页文档之间的实时通信,可以在两个不同域名之间实现跨域通信。

1、JS最小的值

demo下载地址:http://xiazai.jb51.net/201501/other/jcrossdomain_v2.rar,版本v2

复制代码 代码如下:Number.MIN_VALUE > 0; //trueNumber.MIN_VALUE用于JavaScript可以表达的最小值,为5e-324,然而是JS中最接近0的一个数

javascript跨域插件jcrossdomain.js

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有