效果图 代码部分 代码如下:// JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(document).click(function(event){ if($(event.target).attr("class") == value.divTip || $(event.target).is("li")){ var liVal = $(event.target).text(); $this.val(liVal); blus(); }else{ blus(); }...
代码如下:<form id="fileForm" action="" method="post" enctype="multipart/form-data"> <tr> <td> <input type="file" name="file"><input type="button" id="addButon" value="Add" onclick="add()"> </td> </tr> </form> 核心jquery代码 代码如下://添加一行<tr> function add() { var content = "<tr><td>"; content += "<input type=file name=file><input type=button value=Remove onclick=remove(this)>"; content += "<...
代码如下:<input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input type="checkbox" name="nation" value="Germany">德国 <input type="checkbox" name="nation" value="Denmark">丹麦 <input type="checkbox" name="nation" value="Holland">荷兰 <input type="checkbox" name="nation" value="Portugal">葡萄牙 1、小组第一名和第二名出线,所以要限制只能选两项。 代码如下:var len = $("input[na...
记录一下资料,就这几天测试一下 然后发布成果 代码如下:<input type="text" value="xxx" id="xx" onclick="this.myprop=xx"> <script type="text/javascript"> <!-- document.getElementById(xx).attachEvent(onpropertychange,function(o){alert(ok)}); //--> </script> 执行上面的代码,单击输入框发现也会触发onpropertychange,输入一个值同样也会触发这个事件,这就证明了,只要有属性的值被修改就会触发该事件。 第二、既...
表单中有多个<input type="file" name="uploadfile" contentEditable="false" style="width:80%">, 提交表单时需要判断其中至少要有一个input已经选择好文件。 代码如下:<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> <input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> <input type="file" name="uploadfile" contentEditable="false" style="widt...
像QQ邮箱提示、百度的搜索框提示、淘宝的商品搜索提示等,现在有不少的网站都有类似效果,以提升用户体验。 使用方法: new InputSuggest({ input HTMLInputElement 必选 data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必选 containerCls 容器className itemCls 容器子项className activeCls 高亮子项className width 宽度设置 此项将覆盖containerCls的width opacit...
https://github.com/mootools/mootools-core/issues/2170这个问题来自IE(LTE8)中对checkbox和radio change事件的实现问题,在IE(LTE8)中测试下来,当你点击一个checkbox或者radio,它的change事件是不会立即触发,除非你让它失去焦点,而在其他标准浏览器中(包括IE9),是点击后立即触发change事件的,这的确是个蛋疼的问题,说到解决方法,倒也比较容易,用IE(LTE8)中元素特有的propertychange事件来处理(IE9已经没这玩意儿了),就...
但是这个size值怎么设置,size="10"是多宽,默认值又是多少,不能光凭感觉去设置。 用脚本来查看下: 代码如下:<script type="text/javascript"> $(function() { var fileArray = []; var i = 0; while (i < 100) { fileArray.push(i + ":<input type=file size=" + i + " /><br />"); i++; } document.write(fileArray.join("")); $("input:file").each(function() { $(this).after("<b>" + $(this).width() + "</b>") }); }); <...
代码如下:/* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass -1 as speed if you dont want the char-deletion effect. (dont just put 0) * Example: jQuery("Textarea").textlimit(span.counter,256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync....
网上看到很方便实现这个功能的事件: IE 中的 onpropertychange 非IE中的 oninput 用这两事件的好处是,当在输入框的内容发生变化调用事件,使用key 和 mouse的相关事件会比较复杂,而且这个方法用粘贴方法一样有效。 不过用js改变input的value值不会发生这两个事件。 在中文本框中添加两个事件的方法就可以了。(看到网上说非ie中的oninput方法要用addEventListener绑定,用 element.oninput = function(){...}不行,可是我在火狐...
错误写法 代码如下:$("#uploadImg").click(function(){ do something }); 正确写法 代码如下:$("#uploadImg").live(change,function(){ do something });
要达到的效果 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等。 只要我们能捕获即时事件就能做到很多事情。 需要了解的知识 首先,我们需要了解onchange和onpropertychange的不同: IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获。 oncha...
代码如下:<script type="text/javascript"> $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus"); }); })//这个效果第三个textarea也会添加样式 </script> <form action="" method="post" id="regForm"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">名称:</label> <input id="username" type="text" /> </div> <div> <label fo...
与keypress不同的是,该事件只会在用户输入可视字符时触发,而keypres事件则只要按下键即触发(如CapsLock,Backspace)。 可看到textInput考虑的主要是字符,可以通过事件对象的data属性获取所输入字符。 示例 DOM3 event textInput function addEvent(el,type,fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.attachEvent('on' + type, fn); } } var ipt = document.getElementById('ipt'...
在之前的基础上,添加方向键左右支持。 在实际工作中,我们会碰到这样一个情况。在页面中显示着100个数据,同时用户还希望他可以更改其中的数据,普通的方式可能如下, 这种方式会出现一个问题,就是页面显示的时候有点慢,同时如果有滚动条的话,会有些卡。下面给出我的一个解决方法,显示的时候全是td的,没有input标签,如下 当你点击其中一个td时,就会出现下面这样当你点击td的时候,会在td动态加入一个input同时把td的值赋给...