1. form标签中,当只有一个input的时候,按下enter键会触发表单提交
解决办法:
— 在form中添加一个input<input type="hide" style="display: block;">
2. 微信页面监控返回按钮
解决办法:
— 监控返回按钮
pushHistory(); // 不执行则监听不成功
window.addEventListener("popstate", function(e) {
var contact = $('.contact-wrap');
var form = $('#hidtag').parent();
if(contact.css('display') === 'block') {
contact.css('display', 'none');
form.css('display', 'block');
pushHistory(); // 不执行可能只能监听一次
return false;
}
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
3. 去掉图片拖动时候的阴影(默认样式)
在 onmousedown 事件中使用 e.preventDefault() (注意使用图片的原生事件,不要使用jq,亲测react是可以的)
imgEl.onmousedown = function(e) {
e.preventDefault();
}
4. flex布局,子元素文字过长,容器被撑开
// 在 flex:1 的样式元素加上下面的样式
overflow: hidden;
5. 判断对象是否为空
const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
if (!!Object.getOwnPropertyNames(object).length) {
return false
}
return true
}