浏览器中搜索与高亮文本

在前段时间开发中, 遇到了搜索和高亮文本的需求. 希望开发一个通用的基于html的搜索与高亮模块, 不但能够应用在编辑器中, 而且也能在普通的HTML页面中使用.普通HTML页面思路于是看了看市面上的一些搜索与高亮插件, 如 mark.js 和 一些文章, 如纯客户端页面关键字搜索高亮jQu...

2017-01-09 17:09:33

阅读数:1561

评论数:0

剪贴板自定义类型跨浏览器支持

剪贴板自定义类型跨浏览器支持引子在编辑器开发中, 遇到了需要设置内容到剪贴板和获取并剪贴板内容的情况. 有关以下问题 跨浏览器获取Clipboard 从剪贴板中获取不同类型数据 可以参考 THE DEFINITIVE GUIDE TO COPYING AND PASTING IN JAVASCRI...

2017-01-03 14:11:22

阅读数:599

评论数:0

UIWebView 中JavaScript 与 Objective-C 通信

iOS7 之前 Objective-C -> JavaScript UIWebView对象有以下方法 - (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script 该方法能够执行一段JavaScri...

2014-12-29 15:49:30

阅读数:3296

评论数:2

Parse HTML Safely

jQuery.parseHTML 给定一段HTML代码, 如何将其转化为DOM树以便处理? 如果使用jQuery, 可以使用其$.parseHTML 方法将HTML代码转化为DOM树. var markup = '' + '' + '' + ...

2014-08-17 15:39:55

阅读数:1533

评论数:0

阻止focus

问题 页面结构如下 如果点击outerWindow中的按钮(buttons): 一般说来, 会导致innerWindow的失焦, 且焦点转移到outerWindow中. 那么, 如何阻止焦点转移到outerWindow, 一直保持在innerWindow中? 解...

2014-07-17 18:03:05

阅读数:1218

评论数:0

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

由于this关键字比较灵活, 因此在书写/阅读相关代码时尤其需要注意. 可读性 简单的解决方案是, 将this的指向对象赋值给一个命名良好的局部变量, 可以提高代码 的可读性. that 在纯函数, 对象方法, 类构造函数/类实例方法的情形下 推荐将this赋值局部变量that.不推...

2014-07-16 12:30:54

阅读数:1033

评论数:0

纯文本中识别URI地址并转换成HTML

问题 有一段纯文本text, 欲将其插入DOM节点div中. text中可能有超链接, 邮件地址等. 如果有, 识别之. 分析 如果只是纯文本, 插入div中, 只要将div.innerText设置为text即可.text中的URI地址可以用正则识别, 并将其替换为标签组成的字符串. 此时 te...

2014-05-12 09:58:07

阅读数:3062

评论数:0

JavaScript中click与dblclick冲突与共存

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

2014-01-24 15:22:24

阅读数:10964

评论数:1

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

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

2014-01-18 21:21:14

阅读数:2617

评论数:2

CSS property: -webkit-line-break

Description Specifies line-breaking rules for CJK (Chinese, Japanese, and Korean) text. Syntax -webkit-line-break: after-white-space | normal;...

2012-12-13 16:03:20

阅读数:2078

评论数:0

移动端touch事件获取clientX, clientY

目有个交互需要实现手指滑动的交互,pc端使用mousedown,mousemove,mouseup监听实现。 但在ios设备上mousemove是不好监听的,同类的方法是touchstart,touchmove,touchend。 如何获取手指滑动时的坐标位置呢? 直接使用event.c...

2012-07-27 20:14:04

阅读数:19174

评论数:2

针对多点触控浏览器进行的开发

在本文中,我会深入研究iOS和Android设备提供的触摸事件API,探索一下可以构建哪些类型的应用,给出一些最佳做法,并论及一些使得可触控应用(touch-enabled application)的开发变得更加容易的有用技术。 前言 诸如智能手机和平板电脑一类的移动设备通常会有一...

2012-07-27 13:00:08

阅读数:1675

评论数:0

深入了解iPad上的MouseEvent

原文见: http://my.oschina.net/lianyi/blog/57412 iPad上没有鼠标,所以手指在触发触摸事件(TouchEvent)的时候,系统也会产生出模拟的鼠标事件(MouseEvent)。      这对于普通网页的浏览需求而言,基本可以做到与PC端浏览器...

2012-07-27 11:22:34

阅读数:718

评论数:0

Node.normalize

定义和用法 合并相邻的 Text 节点并删除空的 Text 节点。 语法: nodeObject.normalize() 说明 这个方法将遍历当前节点的所有子孙节点,通过删除空的 Text 节点,已经合并所有相邻的 Text 节点来规范化文档。该方法在进行节点的插入或...

2012-07-16 14:26:46

阅读数:392

评论数:0

Detect retina displays with javascript

用javascript检测是否是视网膜屏幕 I've been trying a way to detect a device's DPI for mobile design. While I haven't yet, I did at least find a way to det...

2012-07-04 14:49:27

阅读数:627

评论数:0

URL的井号

URL的井号 作者: 阮一峰 日期: 2011年3月 9日 去年9月,twitter改版。 一个显著变化,就是URL加入了"#!"符号。比如,改版前的用户主页网址为   http://tw...

2012-06-29 17:46:47

阅读数:619

评论数:0

前端开发的框架总结

jquery   jquery ui   Interactions Complex behaviors like drag and drop, resizing, selection and sorting. DraggableDroppableResi...

2012-06-27 11:45:36

阅读数:811

评论数:0

image元素的src属性值与getAttribute('src')值

给image元素赋予未编码的路径,会发生很有意思的情况,执行如下js代码 var img = new Image(); img.onload = function () { var src = img.src, ...

2012-05-31 18:45:10

阅读数:4101

评论数: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

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