PC端各浏览器JavaScript问题【Chrome、Firefox、IE】——长期更新

最新推荐文章于 2023-02-13 16:40:09 发布

原创最新推荐文章于 2023-02-13 16:40:09 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #firefox #chrome #脚本 #兼容

JavaScript学习笔记同时被 2 个专栏收录

13 篇文章

订阅专栏

前端性能优化

4 篇文章

订阅专栏

本文介绍了HTML5中touchmove事件的触发问题及解决方案，探讨了HTML5画布的两种清除方式，并分享了如何利用LocalStorage进行数据存储的方法，包括存储数组的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、touchmove事件只能触发一次

解决：touchstart时阻止默认事件

二、HTML5画布清除两种方法

1、使用clearRect:

ctx.clearRect(0, 0, w, w)

2、使用重置画布宽/高：

$canvas.attr("width", 0)
$canvas.attr("width", w)

三、localStorage本地存储

//1. 获取本地存储对象
var storage = window.storage
//2. 添加键值对到本地存储
storage.setItem("password", password)
//3. 从本地存储获取指定值
storage.getItem("password")
storage["password"]
//4. 存储数组：由于localstorage只能存储字符串格式，存数组前将其转化为JSON格式，取出时在解析为数组
storage.setItem( "password", JSON.stringify(password) )
var localPw = storage.getItem("password") || []
localPw = JSON.parse( localPw )