Welcome 微信登录

首页 / 脚本样式 / JavaScript

基于jquery的选择标签至文本域效果,可多选/可过滤重复/可限制个数的实现代码

基于jquery的选择标签至文本域效果,可多选/可过滤重复/可限制个数的实现代码

暂时没有对手动输入的做判断, 需要的话, 可自行在keyup及change事件中添加相关判断. 相关说明及调用方法,请参见代码中的注释. 演示及代码: 选择标签至文本域效果,可多选/可过滤重复/可限制个数@Mr.Think /*reset css*/ body,input{letter-spacing:1px;font:12px/1.5 tahoma,arial,5b8b4f53} div,h2,p,input,select{margin:0;pa...
jQueryUI如何自定义组件实现代码

jQueryUI如何自定义组件实现代码

如何开始使用 首先用$.widget()方法开始定义你的组件,它只接收三个参数:第一个是组件名称,第二个是可选的基类组件(默认的基类是$.Widget),第三个是组件的原型。 组件名称必须包含命名空间,要注意的是,官方组件的命名空间是以‘ui"开头的,比如:‘ui.tabs"。我在下面的用‘我"的拼音(‘wo")。 复制代码 代码如下: $.widget("yourNamespace.yourWidgetName",[yourBaseWidget],you...
javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.这样一来问题就解决了.那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.但是oninput有个诡异,必须用addEventListener...
JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染

JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染

如代码块 复制代码 代码如下: if (true) { int i = 100; } print(i); //错误,变量i没有声明 如上面例子所示,代码块外的函数是无法访问i变量的。 但在javaScript里,情况则完全不同。 复制代码 代码如下: if (true) { var i = 100; } alert(i); //弹出框并显示100 很多现代语言都推荐尽可能迟地声明变量,但在Javascript里这是一个最糟糕的建议。由于缺少块级作用域,...
自用js开发框架小成 学习js的朋友可以看看

自用js开发框架小成 学习js的朋友可以看看

和大家分享,第一次在博客园发帖,有不对的地方请列位同学指正。 先给大家讲下用法吧: 目录结构使用步骤 1. 将框架js引入页面。 2. 复制代码 代码如下: parcour.using("system.web.event"); window.onload = function () { alert(eventUtil); // eventUtil是event.js里的类 } 就可以看到效果了,剩下的就是如何去组织和扩展自己的开发库了。 -- 由于需要同步...
div层的移动及性能优化

div层的移动及性能优化

同样如果一个页面结构很复杂或者电脑配置不好的话也会出现这种情况。为了弄清变慢的原因,我们做了几个demo对比,最后发现在mousemove事件上加上定时器能改进这个体验。 整个代码的关键地方在于当鼠标按下时开始了的计时器,这样Onmousemove事件会每隔30ms执行一次,然后在鼠标松下的时候清除计时器。 timer=setInterval(function(){flag=true;},30); 这样可以减轻浏览器绘制div层的负担,不至于拖动时每时每刻...
<< 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 >>