文章关键字 ‘鼠标事件’

JS文本选区变化selectionchange事件实践小记

2024年11月17日,星期日

selectionchange事件文章封面占位图

最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件,文本选区变化时候触发,简单记录下,希望日后可以帮到遇到类似需求的同行。

阅读全文…

鼠标无限移动 JS API Pointer Lock简介

2017年10月18日,星期三

用一句话说明Pointer Lock API的作用就是:Pointer Lock API可以让你的鼠标无限移动,脱离浏览器窗体的限制!

这对于一些需要鼠标控制的应用非常有用。举个例子:某3D VR女友的游戏,你鼠标向上移动,则你的视角就会往下……

阅读全文…

JS滚轮事件(mousewheel/DOMMouseScroll)了解

2013年04月17日,星期三

本文内容如题,讲讲JS中滚轮事件的相关知识,这玩意,还是有点料的。尤其FireFox浏览器下独具一格的表现有不少槽点。还是那句撑篇幅的话,有详解的demo有完善的数据表格展示,有必要的demo以及源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS3 pointer-events:none应用举例及扩展

2011年12月7日,星期三


pointer-events是CSS3中又一冉冉的属性,其支持的值牛毛般多,不过大多都与SVG相关,我们可以不用理会。当下,对于偶们来讲,与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似,一般在一些特殊场合露一手,平时闺门不出,没什么说头。因此,一轮筛选下来,我们需要留意的只是pointer-events:none而已。
pointer-events:none是个很有意思的东西,某些情况下其精湛的表现会让人两眼发光。
pointer-events:none顾名思意,就是……

阅读全文…

CSSOM视图模式(CSSOM View Module)相关整理

2011年09月9日,星期五


就在8月份,也就是上次gf大姨妈来的时候,W3C出炉了CSSOM视图模块草案。CSSOM视图模块(CSSOM View Module)定义了一些 API,Web 开发人员使用这些 API 可以进行检查,也可以以编程方式更改文档及其内容的视觉属性,包括布局框定位、视区宽度和元素滚动。

本文的内容就是将CSSOM视图模块相关的一些属性,方法等一个一个整理出来,包括兼容性,使用等等。每个API基本上都提供demo页面测试,使用的源代码展示等等。内容较多,请耐心阅读。相信本文的内容会对您的学习有所帮助的。

阅读全文…

HTML5终极备忘大全(图片版+文字版)

2011年03月31日,星期四

顾名思意,本文内容算是个小炒,备忘录。主要备忘HTML5的一些内容,从元素到事件,到浏览器支持等。非图片版和文字版,图片版方便收藏,文字版方便传播与即时浏览。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

js页面文字选中后分享到新浪微博实现

2011年02月12日,星期六

正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。
一般翻译软件都有划词翻译功能,启用后,随便选中那个软件的一段文字,就会出现类似这样子的浮动提示框。
在web页面上,我们也是可以实现类似的效果的:划词→显示提示→分享。这样子,我们就可以轻松地将页面上的内容分享到新浪微博这些微博网站上了。

本文提供demo页面,提供源代码展示,必要的截图。总之,希望能对您的学习有所帮助。

阅读全文…

MooTools和jQuery库继承实现class切换对比

2010年07月22日,星期四

本文以通过class切换,实现简单的鼠标悬停效果为实例,展示下MooTools和jQuery库实现继承的差异。通过两者的对比来帮助对这两个库的理解,对于绝大多数同行而言,可能更熟悉jQuery多点,通过对比,可以更好的了解MooTools的思想行为以及一些使用等。

本文提供截图,代码展示,以及源文件打包下载,希望能对您的学习有所帮助。

阅读全文…

jQuery – 鼠标经过(hover)事件的延时处理

2010年07月1日,星期四

月光大人曾说过与下面主要意思一样的话:写博客三五天写一篇重量级的文章,隔个一天两天写个简单,价制度偏低的文章,是比较不错滴。本文就属于有凑篇数之嫌的价值相对偏低的文章。加上本身js还很稚嫩,所以本文内容的方法一般般,仅供参考。

本文的核心内容就是展示可以轻松应用鼠标经过延时执行的jQuery方法,提供必要的demo,提供源代码展示,提供源文件下载,提供必要的截图,希望对需要之人提供一定的帮助。

阅读全文…