分享几段能经常用到的前端代码

分享几段最近用到的前端代码

1、Bootstrap 的 table 内容超出不换行问题

在做一个对比的时候，页面限制有点窄，使用 Bootstrap table 的时候，内容超出居然不换行，全是按照一行显示

而且把整个 table 宽度自动超出页面宽度，出现了滚动条

解决方法就是给 table 加一个 css 样式

table {
   word-break:break-all;
}

2、输入框改变 placeholder 字体颜色

依旧是 css 样式

::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder {
color: red;
}
::-moz-placeholder{
color: red;
}
:-ms-input-placeholder {
color: red;
}

3、点击添加图片、表情以后，评论框自动获取焦点

这个是用在我博客的，有点强迫症吧，评论框的图片和表情点击以后不会焦点不会自动进入评论框

然后直接点飞机提交评论也不能提交，是因为没有填昵称和邮箱信息，所以直接获取到焦点提示一下需要这些信息才能评论

找到对应的 class 属性，使用 HTML DOM focus() 方法

$(".comment-smilies").click(function() {
    document.getElementById("comment").focus();
});