问题： clipboardJS插件ios系统下页面复制失败问题 需要将点击目标的节点设置为 : <textArea></textArea>才能复制成功 解决办法：自己实现点击复制封装 //定义函数 window.Clipboard = (function(window, document, navi ...
分类：
其他好文 时间：
2020-02-01 12:51:58
阅读次数：
71
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, button, input, textarea, th, td { margin: 0; padding: 0; } body { font size: ...
分类：
Web程序 时间：
2020-01-28 12:42:09
阅读次数：
196
最近在做网页时需要使iframe高度自适应，以提高用户体验，网上找了挺多都很复杂，最后找到了这个 HTML: <div class="main_page"> <iframe scrolling="no" id="main" name="main" frameborder="0" src="" sty ...
分类：
Web程序 时间：
2020-01-26 17:22:57
阅读次数：
113
修改placeholder字体颜色小方法 1.html <!--故事内容--> <textarea placeholder="我有酒，说出你的故事..." id="feedbackcontent"></textarea> 2.CSS #feedbackcontent::-webkit-input-p ...
分类：
Web程序 时间：
2020-01-20 22:50:44
阅读次数：
121
当点击上面的按钮，例如添加图片，就会直接向textarea文本框添加一段预设的图片标签。如果添加超链接，就会向文本框添加超链接标签，我们只需要把超链接和链接文字填上去即可。 <!DOCTYPE html> <html> <head> <title>Hello World</title> <meta ...
分类：
Web程序 时间：
2020-01-20 20:53:48
阅读次数：
84
今天写textarea的placeholder 换行的方法，网络上找了好多资料，写的不太详细，只好自己写一个demo，现分享给大家。网络上看到方法大概有jQuery的watermark，这种方法可以在chrome中实现，其他浏览器不可以，所以我选择用js实现以下。要点：1,鼠标的焦点事件focus与 ...
分类：
Web程序 时间：
2020-01-20 14:48:12
阅读次数：
93
一、先看效果图 效果如图，当输入文字的时候，提示区域动态的显示已输入的字数和最大输入的字数。非常常用的小功能。二、知识点知识点比较简单，为了兼容性好些，我多用了几个事件input、propertychange、paste、keyup。现在好多用vue等框架写，我暂时先用jQuery写了，原因是读者比 ...
分类：
Web程序 时间：
2020-01-20 13:08:36
阅读次数：
99
tabindex 作用：配合focus实现键盘快捷访问。默认可focus元素（无需设置tabindex）：a, button, input, select, textarea, area, legend, label tabindex取值（0至32767） 0 可以使一个元素按自然顺序出现在 tab ...
分类：
其他好文 时间：
2020-01-18 21:13:27
阅读次数：
118
JS自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的，那么我们可以通过CSS来给它直接定义一个高度，同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。 iframe内容未 ...
分类：
其他好文 时间：
2020-01-17 21:05:34
阅读次数：
73
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> .textarea{ width: 400px; min-height: 20px; max-hei ...
分类：
其他好文 时间：
2020-01-17 19:00:40
阅读次数：
71
