本人需要给bootstrap-treeview的树节点添加双击事件。而该插件原生方法中不带双击事件功能。该插件的节点默认绑定的单击事件，由此引起了单击事件和双击事件的冲突。 编写测试代码 引起冲突的代码：问题效果展示：每一次触发双击事件都会引起两次单击事件 解决冲突的代码：解决问题效果展示：完美解决单击事件和双击事件冲突问题 这里主要用到两个HTMLDOMWindow对象中函数，settimeout(),clearTimeout()我这里两个单击事件触发的时...
本文实例为大家分享了js事件处理程序跨浏览器解决方案，供大家参考，具体内容如下function show(){alert("Hello world!");}//声明一个对象var eventUtil={//添加句柄addHandler:function(element,type,handler){//DOM2级事件处理判断if(element.addEventListener){element.addEventListener(type,handler,false);}else if(element.attachEvent){//IE事件处理判断element.attachEvent('on'+type,handler);}else{//DOM0级事件判断ele...
引言跨域是我在日常面试中经常会问到的问题，这词在前端界出现的频率不低，主要原因还是由于安全限制(同源策略， 即JavaScript或Cookie只能访问同域下的内容)，因为我们在日常的项目开发时会不可避免的需要进行跨域操作，所以跨域能力也算是前端工程师的基本功之一。和大多数跨域的解决方案一样，JSONP也是我的选择，可是某天PM的需求变了，某功能需要改成支持POST，因为传输的数据量比较大，GET形式搞不定。所以折腾了下闻名已久的...
A 使用alert() 和document.write() 方法监视变量值 如果要中断代码的运行，监视变量的值，则使用alert() 方法； 如果需要查看的值很多，则使用document.write() 方法，避免反复单击“确定”按钮； B 使用window.onerror 事件 当页面出现异常时，onerror 事件会在window 对象上触发。它能在一定程度上告诉开发者相关的错误信息。 示例： 代码如下: function myerror(_message,_url,_line) { alert("错误信息：" + _message +"\n错...
原型：http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用：） 代码如下: ... $(document).ready(function(){ $(document).pngFix(); }); ... 脚本之家打包下载JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用...
例如有一段HTML代码： 1.总是从ID选择器开始继承以下是引用片段： 如果采用下面的选择器，那么效率是低效的。以下是引用片段：var traffic_button = $("#content .button"); 因为button已经有ID了，我们可以直接使用ID选择器。如下所示：以下是引用片段：var traffic_button = $("#traffic_button");当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 DOM遍历和循环，为了提高性能，建议从最近的ID开始...
众所周知，不带参数的绑定非常简单，只要使用（语法：“document.getElementById("对象ID名").attachEvent("事件名，如onchange",函数名);”）（示例：“document.getElementById("select_0").attachEvent("onchange",modifyFunction);”）即可。（注：以下只写示例） 带参数的绑定就要复杂一些：document.getElementById("select _0").attachEvent("onchange",function(){modifyFunction (obj,i););即在function()中写需要执行的函...
我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:h...
如图所示： 解决方案： 1.缩放窗体时先得到内容左边的空白宽度。 $("#nav").offset().left; 得到内容区左边的空白宽度。 2.得到整个窗体的宽度（注意：桌面分辨率为基准，少了加上来）。 3.用桌面分辨率的宽度-页面内容区的宽度/2，就可以得到一边多余的宽度。 4.如果得到的值跟$("#nav").offset().left;得到值不同，则可以调到两值相同。 代码如下: var ietest=function() { if ($.browser.msie) { if ($.browser.version == "6...
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案. 二.前言 有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案. 每个公司的情况都不同.比如我们公司的页面文件都为用户控件, 物理路径和虚拟路径没有绝对的关系,...
第一种方法：纯CSS 目前网上有的比较多的是这种解决方案（纯CSS）： 代码如下: html{overflow:hidden;} body{height:100%;overflow:auto;} #rightform form{position:absolute;right:30px;top50px;} 这个方法有一个bug未解决：在IE6下会把所有position:absolute都变成“浮动”的元素；还有使用js方法滚动滚动条时会出现对象闪烁，如下方法结合了CSS和js的办法，解决了以上的问题。 代码如下: IE6 fixed * { margin: 0p...
国外的像基于jQuery的RequireJs，YUI Loader，LabJs，RunJs，国内也有淘宝的SeaJs，豆瓣的DoJs等，这些都是一些十分优秀的模块加载器。但是本文将会向大家介绍一个新的开源的轻量级“多线程”异步模块加载器In.js，In的开发借鉴了Do的一些思路和使用习惯，在此期间感谢@kejun同我的耐心交流，In.js压缩后只有4.77k，不仅小巧而且十分好用。 优点： 按需加载 无阻塞加载 依赖关系管理 颗粒化模块管理 如何使用？ A.引入In.js 代码如...
代码如下: hello window.onblur=function(){ document.title= 'blur:' + Math.random() ; } window.onfocus=function(){ document.title= 'focus:' + Math.random() ; } 这应该是一个很常见的需求，例如，当前窗口定期更新数据，而窗口失焦则减少信息更新频率。IE6的bug导致的配对混乱却会打乱我们的计划。 上网查也没查出关于这个bug的官方说明与推荐解决方案，只好自己生更的实现一个解决方案。 代码如下： 代码如下: h...
在上一篇文章： 觉得猪八戒网左下角的文字滚动，效果不错，自己摸索了一下，以自己的方法实现了！ 就有这种效果，不过影响不大。Demo的影响就大了！ 网上也有人出现过这样的问题看下面的帖子地址： firefox 6下 setInterval的一个问题 讨论的人很多，但没给出答案来。 怎么想都想不明白！ 今天，突然茅塞顿开，可能是线程的概念，但是具体原因还是不明白，希望有人了解其原应告知，非常感激！ Demo 中黑色的Div是不受浏览器标签切换...
因为许多 JavaScript 库使用 $ 作为函数或变量名，jquery也一样。其实$只是jquery的一个别名而已，假如我们需要使用 jquery 之外的另一 js 库，我们可以通过调用 $.noConflict() 向该库返回控制权。下面是收集到解决这一问题的五种方案，总有一种你会用得上的。 例一： 代码如下: 冲突解决1 test---prototype test---jQuery jQuery.noConflict(); //将变量$的控制权让渡给prototype.js jQuery(function(){ //使用jQuer...