今天写一个公众号的项目,写了一个vue的搜索组件,点击搜索框时,背景出现一个遮罩,代码结构如下: 但是问题出现了,在手机端测试的时候发现,点击遮罩或者点击手机软键盘上的确定都无法使搜索框失焦,遮罩和软键盘都无法消失,只有点击软键盘上的完成或者“▽”符号(打不出那个符号,大家懂就好/捂脸),遮罩和软键 ...
分类:
其他好文 时间:
2017-08-25 12:31:45
阅读次数:
757
一、每个DOM节点都有一个nodeType属性,表示节点类型,NodeType一共有12种类型,我们可以通过遍历内置的Node构造函数获取window.onload=function(){
varstr="<table>";
for(varkeyinNode){
str+="<tr>";
str+="<td>"+key+"</td><td>"+Node[key]+..
分类:
Web程序 时间:
2017-08-24 19:46:15
阅读次数:
139
一、每个DOM节点都有一个nodeType属性,表示节点类型, NodeType一共有12种类型,我们可以通过遍历内置的Node构造函数获取 其中,最常用的是1(元素节点) 和 3( 文本节点 ).可以结合childNodes做一个简单的应用 上例,给li加背景颜色, childeNodes在chr ...
分类:
Web程序 时间:
2017-08-22 23:10:39
阅读次数:
297
我们都知道DOM节点的title属性。Tooptip组件就是比較强大的title,它能够自由的设置自己的样式、位置以及有自己相关的触发事件。 演示样例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset ...
分类:
Web程序 时间:
2017-08-18 12:36:47
阅读次数:
208
删除一个DOM节点就比插入要容易得多。 要删除一个节点,首先要获得该节点本身以及它的父节点,然后调用父节点的removechild把自己删掉即可: 结果: 删除的节点虽然不在文档树中了,但其实它还是在内存中保留的,可以随时再次被添加到别的位置 结果: ...
分类:
Web程序 时间:
2017-08-17 17:15:41
阅读次数:
208
html代码: 遍历节点 改变节点的值:下面两句代码等价 改变属性: ...
分类:
Web程序 时间:
2017-08-17 14:37:40
阅读次数:
236
jquery本身就是一个函数,在这个函数的内部又封装了很多的函数(也可以叫做函数库),这些函数内部的函数就是各种不同的方法这些方法在我们使用的过程中可以让工作更加方便。 在使用jquery之前必须把这个jquery库引入文档内部。 可以把jquery下载到本地,使的时候直接调用本地的jquer(可以 ...
分类:
Web程序 时间:
2017-08-16 21:56:03
阅读次数:
201
当我们获得了某个DOM节点,想在这个DOM节点内插入新的DOM,应该如何做? 如果这个DOM节点是空的,例如,<div></div>,那么,直接使用innerHTML = '<span>child</span>'就可以修改DOM节点的内容,相当于“插入”了新的DOM节点。 如果这个DOM节点不是空的 ...
分类:
Web程序 时间:
2017-08-16 18:24:39
阅读次数:
182
ajax.js内容 实例一,获取txt文件内容 效果图如下↓ 实例二,通过ajax访问服务器端的abc.txt文件,并实现无刷新实时更新内容↓ 实例三, 实例四,动态创建dom节点并插入json文件内容 page.json1↓ page.json2↓ page.json3↓ 效果图↓ 点击1 点击2 ...
分类:
Web程序 时间:
2017-08-12 18:11:59
阅读次数:
217
在构建页面时,我们会在html中载入一个或多个css和js文件。或许大家都已经习惯了“最佳实践”中,css文件应该放在<head>标签中引入,而js文件则是放在</body>关闭标签前引入的原则,但其中的原因,很多人可能像我之前一样,不是了解得很清楚。在查阅了书籍和资料后,稍微了解的其中的原由。 让 ...
分类:
Web程序 时间:
2017-08-09 21:21:33
阅读次数:
207