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

cera cera


PHPer 入坑前端了!当然是不可能的,分享几段最近用到的前端代码

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();
});

就酱紫,水文完毕~ 最近不知道更什么了,可能要断更

cera cloudiplc tengxunyun

相关推荐