0
案例一： 大致思路:该实现主要由onmousedown,onmousemove,onmouseup传统拖拽方式实现,兼容ie7+,主流浏览器 html代码 <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> <title></tit…
普通版 跨浏览器兼容拖动事件，兼容ie7.可以拖动文本在2个div框中来回拖动 html代码 你可以在2个div框中来回拖动 <div id=”wrap”> <div id=”sou” style=”width: 100px;height: 100px;margin-right: 40px;border: 1px solid black;float: left;”> <…
ie9以下 用事件委托来管理onchange事件不能触发onchange事件，其他浏览器正常 实现类似自动换焦点的功能 ，刚开始想用的是委托事件给form表单添加onchange事件但是ie9以下不能触发onchange事件。 原始代码 js部分 case “change”: target.value.length == target.maxLength ? target.parentNode.l…
在drop事件中阻止默认事件和冒泡即可 event.preventDefault(); event.stopPropagation();
选择框脚本 选择框是通过<select>和<option>元素创建的 HTMLSelectElement提供的属性和方法 >add(newOption,relOption):向控件中插入新<option>元素,其位置在相关项之前 >multiple:布尔值，表示是否允许多项选择，等价于html中的multiple特性 >options:控件中所…
写了一段代码,结果控制台报栈溢出 Maximum call stack size exceeded 一般是因为无限递归的原因。检测下代码是否陷入了无限循环中。
事件委托的定义： 利用了事件冒泡,只指定一个事件处理程序，就可以管理某一类型的所有事件。 使用事件委托时，只需在DOM树中尽量最高的层次上添加一个事件处理程序 案例 例如为ul下的每个li都指定事件处理程序 ,其实可以利用事件委托在ul上面绑定事件处理程序 html代码 <ul id=”list”> <li id=”item1″>item</li> <li…
html <input type=”text” id=”input” /> js判断当前元素是否获取到了焦点 var input = document.getElementById(‘my_input’), hasFocus = document.hasFocus() && document.activeElement === input; //如果hasFocus为t…
主流浏览器 主流浏览器可以通过h5新增的html特性 autofocus 给当前的元素添加来获取焦点 如 <form> <input type=”text” id=”text” autofocus/> <–!页面加载时自动获取焦点,ie10以下不支持–> </form> ie10以下 <form> <input type=”t…
大致实现思路 第一个区县装载数据，然后根据滚动事件,滚到哪层时，加载数据。 关键点就是当当前视口的高度+滚到高度>当前层的高度时 装载数据 其中各个层的高度范围可以用swicth来区分 注意switch(true)， top = document.documentElement.scrollTop || document.body.scrollTop; //滚动高度+视口的高度&…