css pointer-event - 相关文章

【css pointer-event】的更多相关文章

浏览器的统一指针事件：Pointer Event

在早期的浏览器,输入的事件其实相对单纯,只有考虑到鼠标和键盘两种:而当时的鼠标事件,其实就是 click.mousedown.mouseup 等等的事件.但是当手机.平板开始流行时候,再移动装置上的主要操作界面,已经从鼠标变成是触控了- 由于触控和鼠标的操作逻辑,算是有根本上的差异的,再加上大部分的装置又支持多点触控,所以虽然浏览器大多会把触控的事件对应回传统的鼠标事件,但是如果希望能有更细致的操作,传统的鼠标事件是不够用的. 而目前 W3C 针对触控操作的部分,则有两种事件模型可以使用,其中一…

[DIV+CSS] set the screen capture Part 1 （div截取屏幕）

使用下面的代码来获取屏幕.用DIV加CSS 来控制. 使用mousemove来获取移动的时候DIV的变化, 效果图如下: 使用5个DIV来组成实现截图目的第一部分,现在只是实现了选择的第一部分. HTML 部分 <div id="bg" class="divShawd" onmousedown="mousedown()" onmouseup="mouseup()" onmousemove="mousemove(…

应该知道的25个非常有用的CSS技巧

在我们的前端CSS编码当中,经常要设置特殊的字体效果,边框圆角等等,还要考虑兼容性的问题, CSS网页布局,说难,其实很简单.说它容易,往往有很多问题困扰着新手,在中介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助,经验丰富的CSS程序员通常都知道这一点,但初学者不要错过了!重要的CSS规则这里有25个非常有用的CSS技巧,将帮助你解决让你棘手的CSS代码问题.你可以直接使用到你现在的项目当中 1.更改文本突出显示颜色(Change Text Highlight Color…

touch pointer

在早期的浏览器,输入的事件其实相对单纯,只有考虑到鼠标和键盘两种:而当时的鼠标事件,其实就是 click.mousedown.mouseup 等等的事件.但是当手机.平板开始流行时候,再移动装置上的主要操作界面,已经从鼠标变成是触控了- 由于触控和鼠标的操作逻辑,算是有根本上的差异的,再加上大部分的装置又支持多点触控,所以虽然浏览器大多会把触控的事件对应回传统的鼠标事件,但是如果希望能有更细致的操作,传统的鼠标事件是不够用的. 而目前 W3C 针对触控操作的部分,则有两种事件模型可以使用,其中一…

第四界css大会黑魔法-css网格背景、颜色拾取器、遮罩、文字颜色渐变、标题溢出渐变等

1.css网格背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css网格背景</title> <style type="text/css"> body{ background-color: #451F46} div{margin:20px;} .stripe1{ wi…

【html、CSS、javascript-12】jquery-效果

一.jQuery 效果- 隐藏和显示通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow".&qu…

你应该知道的25个非常有用的CSS技巧

在我们的前端CSS编码当中,经常要设置特殊的字体效果,边框圆角等等,还要考虑兼容性的问题, CSS网页布局,说难,其实很简单. 说它容易,往往有很多问题困扰着新手,在中介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助,经验丰富的CSS程序员通常都知道这一点,但初学者不要错过了! 这里有25个非常有用的CSS技巧,将帮助你解决让你棘手的CSS代码问题.你可以直接使用到你现在的项目当中 1.更改文本突出显示颜色(Change Text Highlight Color) 您可能不知道!使用…

jquery 模拟 alert 手机，pc，平板 3合一

$.kw = { title : "System information", //默认标题可修改 speed : 400, //默认速度可修改 buttonName : "确定", //确定按钮默认名称可修改 content : "Content", //移除遮盖层 del : function () { $("#alert-layer").remove(); }, //响应ESC键盘退出 esc : function…

HTML5 中canvas支持触摸屏的签名面板

1.前言最近实在是太忙了,从国庆之后的辞职,在慢慢的找工作,到今天在现在的这家公司上班大半个月了,太多的心酸泪无以言表,面试过程中,见到的坑货公司是一家又一家,好几家公司自己都只是上一天班就走了,其中有第一天上班就加班到10点的,有一家公司在体育西路那边,太远,第一天回家挤公交也是太累,以前上班都是走路上班的,自己确实不适合挤公交,还有的公司面试的时候和你说什么大数据,性能优化什么的,进公司一看,他们就是用的最简单的三层,没有什么设计模式,总之太多心酸,幸运的是现在这家公司还不错,找工作就是要…

给Jquery添加alert,prompt方法，类似系统的Alert，Prompt，可以响应键盘，支持拖动

我们在调用系统的Alert,prompt的弹出提示时,不同的系统会有不同的提示框,视觉效果不统一,而且不好看,功能单一,现在我们通过Jquery模拟Alert,prompt,现实统一视觉效果,而且内容丰富的弹出提示. Jquery可以扩展自己的功能,如果对Jquery开发插件不熟悉的人可以到官方网去看看文档,比较简单易懂. /* * 本插件基于JQUERY * Jquery版本: 1.7.2 * Date:2012-06-28 * Author:Kingwell * …

div蒙版+可移动

<html> <head> <title></title> <script src="jquery-1.8.2.js"></script> <style type="text/css"> .popWindow { /*#9D9D9D;*/ width: 100%; /*把整个页面用这个div罩起来…

腾讯发布 Omix 1.0 - 用 JSX 或 hyperscript 创建用户界面

腾讯发布 Omix 1.0 - 用 JSX 或 hyperscript 创建用户界面今天,腾讯正式开源发布 Omix 1.0, 让开发者使用 JSX 或 hyperscript 创建用户界面. Github 功能特性超级快的速度, 点击这里体验一下超小的尺寸, 7 KB (gzip) 良好的兼容性 IE8 内置支持JSX 和 hyperscript 支持局部 CSS, 不用费尽心思去想选择器了,让CSS更加简单更自由的更新,每个组件都有 update 方法,可以自由选择最佳更新的时机,也…

IScroll.js 学习笔记

一.css部分1.transform 旋转div { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-transform:rotate(7deg); /* Opera */ }div旋转 translateX(x) 定义转…

Ext JS 5初探（二） ——Bootstrap.js

在Bootstrap.js文件中,总共有1500行(包含注释和空行),使用编辑器的代码折叠功能就如下图可以一窥全貌了. 从代码可以看到,这里主要定义了Ext.Boot.Ext.globalEval.Ext.Microloader和Ext.manifest这4个对象或属性.关键代码是最后一句的调用Ext.Microloader的load方法,下面来研究一下这个load方法,代码如下: load: function (manifestDef) { var manifest = Microloader…

JS实现图片放大查看

示例:https://wumaozheng.com/static-pages/image-magnifier.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Image</title> <script languag…

求大神帮解答calendar日期插件的问题

小颖最近公司的项目里用了一款日期插件 calendar.js 但是在用的过程中遇到了难题,就是当日期只需要选择具体的月份就可以了,不需要再选具体日期时,小颖解决不了,只能让它默认显示出月份,但是月份点击后还是会把选择日期的部分显示出来.所以小颖想寻求下博客园里的各位大神帮忙看下怎么实现:当我选了月份后,插件直接关闭,不再显示让选择日期,而且第二次点击时,还是直接显示月份,并且记录当前选中的月份(现在月份默认红色选中,自己选后的月份默认灰色选中). 页面效果:…

jQuery 学习笔记3 点击弹出一个div并允许拖拽移动

这里我看了下http://qings.blog.51cto.com/4857138/998878/ 的文章,感谢他的分享. 首先我们有一个a标签和一个div,div默认是不显示的,当用户点击时改为显示. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h…

浏览器根对象window之事件

1. [事件]动画 onanimationstart onanimationend onanimationiteration onwebkitanimationend onwebkitanimationiteration onwebkitanimationstart 2. [事件]过渡 ontransitionend事件在 CSS 完成过渡后触发. onwebkittransitionend 3. [事件]鼠标尚不知用法的事件:oncancel.onclose.oncuechange oncl…

css3兼容性问题归纳

Android2.3的overflow问题在android2.3及以下系统版本的浏览器不支持overflow:scroll / auto,即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的,可以通过css3的transform来实现滚动,代表作:iscroll. Android2.3的聚焦问题 Android2.3会出现点击聚焦的情况,出现黄色的边框,通过对相应的元素设置css –webkit-tap-highlight-color: rgba(0,0,0,0)解决,另外一些高…

基于layui+cropper.js实现上传图片的裁剪功能

最近因项目需求,需要在上传图片的时候先对图片裁剪,然后在上传,所以就有了本文的出现. 开始正文之前,要提一下这个图片的裁剪:图片的裁剪,有前端裁剪,也可以后端裁剪前端的裁剪我知道的可以分为这么两种:flash一种,canvas一种.现在用的多的是canvas这种. 其实裁剪最本质的原理:通过工具获取到图片(不是JS那种获取DOM的方式,比如flash获取到图片,对图片任意操作,canvas也是一样,将图片放在画布上,任意操作) 本文使用的是canvas这种方式,借助的是cropper.js实现…

jquery - 实例1

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="text2.aspx.cs" Inherits="Jquery_t.text2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="serv…

Jquery学习之路(三) 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun…

jQuery学习笔记（三）

jQuery中的事件页面加载原生DOM中的事件具有页面加载的内容onload事件,在jQuery中同样提供了对应的内容ready()函数. ready与onload之间的区别: onload ready 没有简写方式具有简写方式当HTML页面所有内容加载完毕后才执行onload 当DOM节点加载完毕后就执行ready 一个HTML页面只能编写一个onload 一个HTML页面允许同时编写多个ready ready()的编写方式: $(document).ready(function(){…

HTML光标样式

HTML光标样式把你的光标放到相应文字上鼠标显示效果 cursor:auto; 自动 cursor:zoom-in; 放大镜 cursor:zoom-out; 缩小镜 cursor:all-scroll; 上下左右任何方向滚动 cursor:crosshair; 十字准心 cursor:pointer; 手 cursor:wait; 等待 cursor:help; 帮助 cursor:no-drop; 无法释放 cursor:text; 文字/编…

转载：gulp文件

这是我的文件目录结构图下面是我gulpfile.js的配置 'use strict' var gulp=require('gulp'); var gutil=require('gulp-util'); var uglify=require('gulp-uglify'); var watchPath=require('gulp-watch-path'); var combiner=require('stream-combiner2'); var sourcemaps=require('gulp…

css3 filter属性在项目中的应用

css3 属性filter应用在项目里. 语法: <filter>: 要使用的滤镜效果.多个滤镜之间用空格隔开. 设置或检索对象所应用的滤镜效果. 最常用的滤镜效果是不透明效果,如果要实现50%的不透明度(其它高级浏览器的实现参阅opacity): 实例: HTML:…

Xenko基础API笔记3- Pointers指针设备屏幕上点对应的手指触摸。

样本这里是一个简单的示例程序,跟踪目前在屏幕上的指针和打印他们的位置.访问输入字段,类继承自@ SiliconStudio.Xenko.脚本的类. public override async Task Execute() { var pointerPositions = new Dictionary<int, Vector2>(); while (true) { await Scheduler.NextFrame(); foreach (var pointerEvent in Input.Po…

[锋利的JQ]-超链接提示效果

关键知识点: 1.事件对象:当事件一旦被触发,事件对象便会创立.事件对象只能作用于该事件的事件处理程序. 2.认识了mousemove事件了连续触发执行的特性. 代码: HTML: <div class="box"><a href="javascript:;" class="link" title="超链接的标题,也是要提示的文字">超链接提示效果示例</a></div> Jqu…

文件夹管理工具(MVC+zTree+layer)(附源码)

写在前之前写了一篇关于文件夹与文件的操作的文章操作文件方法简单总结(File,Directory,StreamReader,StreamWrite ) 把常用的对于文件与文件夹的操作总结了一下,在文章的回复中有提到遗漏的方法,并建议做一个文档管理工具 ,一细想是可以啊,之后就开始构思,最后大至需求如下, 因为都是下班后在家中花时间做的,时间有点短,有BUG是正常的,希望大家谅解,再一个对windows的文件权限,几乎是0接触所以把权限处理留到了后期,如果大家有关于文件夹权限处理的好文…

jq实现登陆页面的拖拽功能

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <title></title> <style typ…