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;
}
});
或者与 bro wserify 或 Commo njs 一起使用：
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(){
// 注意：只有在 poly fill选项被禁用的情况下才会 调用 这个选项！
// 一旦触摸元素并且设备或浏览器 不支持 压感触控或3D触控时 调用
}
});
jQuery 用法$('#element').pressure({
start: function (event) {
// 开始时
},
end: function () {
// 结束时
},
startDeepPress: function (event) {
// 压感触控/深压时,
endDeepPress: function () {
// 当压感触控/深压结束时
},
change: function (force,event) {
// 每次压感发生变化时都会被 调用
// 在移动设备和桌面端，压感的值始终为0到1
},
unsupported: function () {
// 注意：只有在 poly fill选项被禁用的情况下才会 调用 这个选项！
// 一旦触摸元素并且设备或浏览器 不支持 压感触控或3D触控时 调用
}
});
?
网站地址 : https://pressurejs.com
GitHub: https://github.com/stuyam/pressure
网站描述: 用于处理Force Touch，3D Touch的Js库
Pressure.js官方网站
官方网站： https://pressurejs.com
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。