js,html在safari浏览器中兼容问题及解决方法记录

1.在safari中非点击元素的标签不能触发自动点击

比如div span a标签等
解决方法：
1.只有input和button元素在所有浏览器中有点击事件（最简单的办法，使用这两个元素代替）
2.使用dispatchEvent来触发

dispatchEvent

2.a标签在safari中无法下载

解决方法：
1.标签不能加display:none;
2.用事件冒泡触发，参考问题一

3.input的placeholder使用line-height在Safari上不垂直居中

解决方法：
1.line-height: 0px; 
2.不使用line-height，使用vertical-align: middle;