司徒正美 - 博客园

防止内容被选中

摘要：在开发拖动效果时，有一个非常恼人的地方要处理时，就是拖动时，文本被选中蓝色一片，容易造成用户分心，有损用户体验。通常我们是用下面代码来清理selection： if(window.getSelection){//w3c window.getSelection().removeAllRanges(); }else if(document.selection){ document.selection.empty();//IE }但这东西在谷歌浏览器中，快速拖动还是会出现蓝色（人家的渲染效率就是高），另外，每拖动一像素就清理一次，这频繁的调用对于一些旧式浏览器可不是好事。最近研究CSS3，发现use 阅读全文

posted @ 2011-05-08 09:34 司徒正美阅读(3749) 评论(7) 推荐(7) 编辑

取得浏览器的文档类型

摘要： var DOCTYPE = "",doctype; if((doctype = document.doctype)) { DOCTYPE += '<!DOCTYPE ' + doctype.name +(doctype.publicId ? (' '+doctype.publicId+ ' "' + doctype.systemId + '">') :'>') }else if((doctype = document.getElementsByTagName 阅读全文

posted @ 2011-05-07 09:53 司徒正美阅读(1192) 评论(3) 推荐(0) 编辑

取得图片原来的大小

摘要：如果是在预加载的情况下，即没有把图片插入DOM树，它没有受到CSS规则的影响，直接取其img.width与img.height就行了。可以参考〈a href="http://www.cnblogs.com/rt0d/archive/2011/04/17/2018646.html"〉这一篇博文，做得相当棒了。 function loadImage(url, callback) { var img = new Image(); img.onload = function(){ img.onload = null; callback.call(img,img.width,img. 阅读全文

posted @ 2011-05-05 09:30 司徒正美阅读(5619) 评论(9) 推荐(9) 编辑

option的value、text与label

摘要： option标签的前两个属性估计大家比较常用，其中text是隐式定义的，相当于innerText或textContent，而value可以显式定义，如果不定义，它默认与text相同。那么label是什么呢？它是用来决定option显示的内容，虽然我们直接在它的开始标签与结构标签之间直接填写内容，我们也可以用来label来填写内容。 <select id="test"> <option label="Label1">TextContent1</option> <option label="Label2&q 阅读全文

posted @ 2011-05-02 10:21 司徒正美阅读(2286) 评论(6) 推荐(0) 编辑

fieldset也是表单元素

摘要：今天才知道fieldset也是表单元素，也存在disabled与form属性。阅读全文

posted @ 2011-04-30 07:39 司徒正美阅读(974) 评论(0) 推荐(0) 编辑

通过拖动改变列宽效果

该文被密码保护。阅读全文

posted @ 2011-04-28 23:00 司徒正美阅读(42) 评论(0) 推荐(0) 编辑

jQuery1.6c新增的适配器

摘要：其实在jQuery1.5中已有这东西，cssHooks，或者更早之前的jQuery.event.special, 或者 Sizzle.selectors里面更多的对象。它们共同的特点是包含了许多相关的函数，cssHooks是专门处理css属性的获取与设置，如IE的opacity,event.special用于装载与卸载submit, change, focus ,mouseenter等特别事件与自定义事件， Sizzle.selectors里面的过滤器与候选集获取器就更不用说了。由于JS用对象做为表进行查找是比if条句与switch语句快很多，加之，适配器这种模式对于扩展新功能非常有利，因为j 阅读全文

posted @ 2011-04-27 09:18 司徒正美阅读(3575) 评论(1) 推荐(1) 编辑

isInt

摘要：判定是否整数。//http://www.cnblogs.com/rubylouvre/ by 司徒正美function isInt (x) { var y = parseInt(x, 10); if (isNaN(y)) { return false; } return (x == y) && (x.toString() == y.toString());}; 阅读全文

posted @ 2011-04-26 09:50 司徒正美阅读(1263) 评论(1) 推荐(0) 编辑

FormData对象

摘要： FF4中增加了一个很有意思的对象，FormData。通常我们提交（使用submit button）时，会把form中的所有表格元素的name与value组成一个queryString，提交到后台。这用jQuery的方法来说，就是serialize。但当我们使用Ajax提交时，这过程就要变成人工的了。因此，FormData对象的出现可以减少我们一些工作量。想得到一个FormData对象，很简单： var formdata = new FormData();但一个空的FormData对象对我们没有意义，因此W3c草案提供了三种方案来获取或修改FormData。方案1：创建一个空的FormData对阅读全文

posted @ 2011-04-26 09:09 司徒正美阅读(49471) 评论(15) 推荐(8) 编辑

相对定位的TD元素在各浏览器的差异

摘要： <!doctype html><html> <head> <title>offsetParent bug by 司徒正美</title> <script src="/javascripts/jquery1.52.js"></script> <script src="/neo/dom.js"></script> <style> .test_table{ width: 80%; border: 1px solid #B33F3F; bord 阅读全文

posted @ 2011-04-21 14:01 司徒正美阅读(1551) 评论(2) 推荐(0) 编辑

Ruby's Louvre

导航

公告