safari下前端开发的小坑

1、onkeyup无效

原本需要针对input输入框输入的内容进行过滤查找,在chrome下用keyup时间进行监听是可以的,换成iPhone手机的safari打开,就死活监听不到,只能换成监听oninput。

2、类型为datetime-local的input输入框问题

input的类型中,datetime-local是HTML5的新特性,值是日期格式,需要转换成时间戳。我一开始是在前端用了new Date(time).getTime() 的方式获取了毫秒时间戳,在chrome上也表现正常,但是用safari一试,总是比原本的时间晚了8点小时(东八区原因?),最终只能把日期格式化成“YYYY-MM-DD H:i:s”的格式,传给后台,用后台语言去转化成时间戳保存起来。

3、选择图片数目问题

点击type类型为file的input框,可以选择文件,当accept属性设置为“image/jpg, image/jpeg, image/png”、multiple设置为“multiple”,可以限制只选择jpg、jpeg、png的多张图片文件,然而它无法跟原生的app一样,可以限制你一次性选几张。只能在选择完图片点击确定后,通过事件(e.srcElement.files.length)去判断究竟选择了多少张,是否符合程序要求。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容