dasdsasd

随笔分类 -  javascipt

my javascrip
摘要:不说了 直接上代码<!doctype html><html> <head> <meta name="viewport" content="width=device-width,initial-scale=1.0,max-scale=1.0,user-scalable=0;" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type=" 阅读全文
posted @ 2012-08-20 17:12 小A的博客 阅读(491) 评论(0) 推荐(0)
摘要:类似与click事件 对于同一个dom我们只能添加一个事件 后面定义的会覆盖前面的事件<div id="clickEvent">点击事件</div><script>clickEvent.onclick = function(){alert("1")}clickEvent.onclick = function(){alert("2")}</script>上面这段代码运行会只会弹出来2这里就需要用到attachEvent和addEventListener来添加事件 对应的还有移除事件代码如下 阅读全文
posted @ 2012-06-15 14:10 小A的博客 阅读(270) 评论(0) 推荐(0)
摘要:做项目时 有时候会遇到如下需求1 点击某个元素 下面隐藏的元素就出现2 点击除这个元素外任何一个地方 这个元素都隐藏掉3再次点击时再展开 如此反复编写是代码如下<code><!doctype html><html> <head>冒泡测试</head> <body> <div id="checkthis" style="wIDth:100px; height:100px; background:#555"> <span id="clickthis" 阅读全文
posted @ 2012-06-13 18:02 小A的博客 阅读(216) 评论(0) 推荐(0)
摘要:前几天遇到有人问想做一个修改和保存资料的效果 于是想了想 研究了下想到了三种实现方式 当然用户体验有待研究。。由于刚开始写博客 语言组织和代码都比较差 欢迎大家指正1、类似于QQ的资料修改(本来就是input输入框先隐藏边框 鼠标移动上去出现边框 得到焦点时 可以编辑 失去焦点时保存)如下图 这个就不说啦 太简单了代码如下<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head&g 阅读全文
posted @ 2012-06-01 14:28 小A的博客 阅读(193) 评论(0) 推荐(0)