Pressure.js 介绍
Pressure.js 兼容大多数浏览器,通过简单的 API 来控制这些压力触控,它还支持多点触摸。你完全可以在 web 上实现 iphone 中的 3D Touch 效果
npm
npm install pressure --save
bower
bower install pressure --save
配置
Pressure.set('#id-name',{
change: function(force){
this.innerhtml = force;
}
});
或者与 browserify 或 Commonjs 一起使用:
var Pressure = require('pressure');
Pressure.set('#id-name',{
change: function(force){
this.innerhtml = force;
}
});
用法
Pressure.set('#element',{
start: function(event){
// 开始时
},
end: function(){
// 结束时
},
startDeepPress: function(event){
// 压感触控/深压时,也就是一旦压感大于0.5时
},
endDeepPress: function(){
// 当压感触控/深压结束时
},
change: function(force,event){
// 每次压感发生变化时都会被调用
// 在移动设备和桌面端,压感的值始终为0到1
},
unsupported: function(){
// 注意:只有在polyfill选项被禁用的情况下才会调用这个选项!
// 一旦触摸元素并且设备或浏览器不支持压感触控或3D触控时调用
}
});
jQuery 用法
$('#element').pressure({
start: function (event) {
// 开始时
},
end: function () {
// 结束时
},
startDeepPress: function (event) {
// 压感触控/深压时,
endDeepPress: function () {
// 当压感触控/深压结束时
},
change: function (force,event) {
// 每次压感发生变化时都会被调用
// 在移动设备和桌面端,压感的值始终为0到1
},
unsupported: function () {
// 注意:只有在polyfill选项被禁用的情况下才会调用这个选项!
// 一旦触摸元素并且设备或浏览器不支持压感触控或3D触控时调用
}
});
GitHub:https://github.com/stuyam/pressure
网站描述:用于处理Force Touch,3D Touch的Js库
Pressure.js
小编说
以上是编程之家为你收集整理的Pressure.js全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。