第1章: jQuery简介 为了简化 JavaScript 的开发,一些 JavsScript 库诞生了。 JavaScript库封装了很多预定义的对象和实用函数,简化HTML与JavaScript之间的操作,能帮助使用者建立有高难度交互的页面, 并且兼容各大浏览器。 当前流行的 JavaScrip ...
分类:
Web程序 时间:
2020-02-01 21:26:31
阅读次数:
96
问题: 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
修改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
<!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
今天遇到后台返回的json字符串转对象时报错了,发现有个textarea提交的字段里有换行符。 错误原因:JSON.parse转json字符串时遇到一些特殊字符需要先转义,如图所示 可以用str.replace(/\n/g,"\\\\n")转义,'\\'转成单个'\','\\n'转成'\n',最后转 ...
分类:
Web程序 时间:
2020-01-13 12:47:06
阅读次数:
108