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

浙公网安备 33010602011771号