Chrome下, iframe中PageUp时导致父/祖先元素显示错位

Chrome下, iframe中PageUp时导致父/祖先元素显示错位的问题分析与解决 问题 实际工作中发现, 在Chrome浏览器下, 在iframe中按PageUp键, 会导致父元素显示错位. 如下图: 此时获取父元素的scrollTop, 值为1. 以下是实例代码: ...

2014-05-05 16:39:42

阅读数:2236

评论数:0

JavaScript中click与dblclick冲突与共存

在前端开发中, 如果监听了DOM元素的click事件, 且监听了dblclick事件, 会导致某 些冲突. 冲突 如实现以下功能 单击input按钮, 设置box元素颜色为绿色.双击input按钮, 设置box元素颜色为红色. 以下是示例代码: click and db...

2014-01-24 15:22:24

阅读数:10979

评论数:1

JavaScript中this关键字含义及其最佳实践(一)

在JavaScript中this关键字非常灵活, 在不同的情况下有不同的含义. 对于初学者来说 比较难以掌握, 即使是有经验的开发人员, 亦容易犯错. Google 一下 understanding this keyword in javascript 有一大把相关的网页, 足以证明this给开发...

2014-01-18 21:21:14

阅读数:2621

评论数:2

iPhone上tab-highlight特效导致的问题与解决

最近开发iPhone上的富文本编辑器(参考 Rich-Text Editing in Mozilla), 遇到了与-webkit-tab-highlight-color相关的一些问题, 但未见到过讨论类似问题的文章, 故撰文总结. 问题 点击编辑器区域(顶级容器是 div[contentedita...

2014-01-07 21:23:35

阅读数:2852

评论数:1

自定义webkit内核浏览器滚动条

webkit现在支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。 滚动条是一个伪元素,可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭,只按照用户自定义的css信息进行渲染。比如: ::-webkit-scrollbar { width:...

2012-10-28 09:57:44

阅读数:3019

评论数:0

输入法状态下dom也发生了修改

输入法状态下dom也发生了修改,见下图 range对象应该也由输入法控制了吧

2012-07-10 18:26:17

阅读数:329

评论数:0

Mobile Web Development: 针对webkit的HTML, CSS和Javascript

针对webkit的HTML, CSS和Javascript 前面有一篇文章介绍了HTML5的一些新特性以及技巧, 现再来总结一些更多的针对webkit的HTML, CSS和Javascript方面的特性. HTML, 从HTML文档的开始到结束排列: 让内容的宽度自适应为设备...

2012-06-11 16:14:14

阅读数:25609

评论数:0

ios5的safari浏览器的电话号码识别功能的禁用

更详细的apple官方文档:  https://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html 在编写 HTML 时,有一个 ...

2012-06-11 16:06:49

阅读数:6040

评论数:0

javascript Range对象跨浏览器常用操作

转摘自: http://kjah.iteye.com/blog/420624 最近在开发在线代码编辑器的过程中频繁接触Range对象,由于跨浏览器的需求,使用到ie下TextRange对象和标准Dom Range对象。开发的功能主要涉及即时代码着色(CodeColoring)和语...

2012-05-15 12:57:42

阅读数:2795

评论数:0

解决IE6背景图片不能缓存的bug

IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。 js 解决方法 try{ document.execCommand("BackgroundImageCache",false,true); }catch(ex){ // do nothing...

2012-05-02 19:11:45

阅读数:532

评论数:0

不确定宽度的块级元素的水平居中三方法

ul{list-style:none;margin:0;padding:0;} table{margin:0 auto;} .test li{float:left;display:inline;margin-right:5px;} .test a{float:left;width:20px;hei...

2012-03-05 11:55:33

阅读数:796

评论数:0

响应式网页设计

转载自 http://www.qianduan.net/responsive-web-design.html 这个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下。 上周写...

2011-12-15 16:32:53

阅读数:1003

评论数:0

HTML特殊字符大全

转载自  http://www.qianduan.net/html-special-characters-daquan.html 更详细且美观的内容 see  http://ikwebdesigner.com/special-characters/ HTML的特殊字符我...

2011-12-15 16:18:13

阅读数:526

评论数:0

JavaScript在IE下设置innerHTML时出现"未知的运行时错误"

原文链接:http://samueli.javaeye.com/blog/237265今天在项目开发中遇到的比较郁闷的问题,特此记录:程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误",让我百思不得其解.Js代码  1. ...

2009-11-10 12:15:00

阅读数:705

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭