最近在做一个项目，涉及到了移动层的应用，结果使用了移动层，可里面的输入框却不能使用了，这是因为层的覆盖，把输入框给挡住了，但由于我是设了层为透明的，所以仍然可以看得到输入框，可就是输不进去东西，后来终于找到了解决的方法了，就是在层移动的时候，添加上 代码如下:document.getElementById("Mcount").focus() 这句话就是让我们的输入框获得焦点，这样子就可以输入了 呵呵
由于原文已经介绍的很好了，现在只是一些翻译和小小的补充。 例子 代码如下: Demo jQuery(function($) { $(':text').focus(function(){ $(':text').autoNumeric(); }); }); var change = function(){ //Change the rule. $(":text[id$='text1']").attr('alt','p2c3p0s'); //Clear the text $(":text[id$='text1']").val(''); $("span[id$='lblrule']").text('格式:99(范围为0-99)'); } var show = function(){ //format the...
var input_arr = document.getElementsByName('word'); var len = input_arr.length; for(var i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]定义和用法 onkeyup 事件会在键盘按键被松开时发生。 语法 onkeyup="SomeJavaScriptCode"参数 描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签： , , , , , , , , , , , , , , , , , , , , , to , , , , , , , , , , , , , , , , ,...
代码如下：（本来基于原型封装了一下，发现完全在增加代码量，又改回来了） 感谢sparks345提出粘贴时的问题 这样的话，只能多加几个事件onpropertychange,oninput, obj.watch("value",function(id,oval,nval){}) 具体可以看这里，跟踪input值改变兼容处理 限制输入字节数 #div1 {width:500px;margin:20px auto;} #div1 ul {list-style-type:decimal;line-height:25px;} 可输入5个字节： 可输入6个字节： 可输入7个字节： 可输...
一直很想做这个效果，原理是监听鼠标滚轮事件；可将此效果继续发散到其他应用上，如图片缩放，页面缩放等。滚轮效果 -http://www.51obj.cn/ var oTxt=document.getElementById("txt"); /*********************** * 函数：判断滚轮滚动方向 * 参数：event * 返回：滚轮方向 1：向上 -1：向下 *************************/ var scrollFunc=function(e){ var direct=0; e=e || window.event; if(e.wheelDelta){ direct=e.whe...
为了提高用户体验，我在午休时候想起了是不是可以用jQuery写个插件。想到不如做到，果然，我实现了这个功能。在写这个插件时我潜意识里想到这样的插件网上应该有人写过，不过我并没有去搜索，你有兴趣可以找一找。下面是插件的源代码。 源代码 代码如下: ;(function($) { $.fn.autoSizeText = function(settings) { var _defaultSettings = {min:20,max:40}; var _settings = $.extend(_defaultSettings, settings); var _handler...
【解决方案】 1. 准备工作 （1）输入框 代码如下: （2）CSS代码 代码如下: input.helpText { color: #aaa;} （3）转换方法 代码如下: function switchText() { if ($(this).val() == $(this).attr(title)) $(this).val().removeClass(helpText); else if ($.trim($(this).val()) == ) $(this).addClass(helpText).val($(this).attr(title)); } （4）具体实现 代码如下: $(input[type=text][title!=""]).each(f...
要达到的效果 很多情况下我们都会即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数，或者即时读取输入的值来进行搜索引导，也就是google的关联搜索效果等。 只要我们能捕获即时事件就能做到很多事情。 需要了解的知识 首先，我们需要了解onchange和onpropertychange的不同： IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。 oncha...
废话不多说，直观的看一下： 实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。先看客户端的HTML： 代码如下: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 搜索词自动完成 #search{ text-align: center; position:relative; } .autocomplete{ border: 1px solid #9ACCFB; background-color: white; text-align: left; } .autocomplete li{ list-style-type: none; } .clickable { cu...
网上看到很方便实现这个功能的事件： IE 中的 onpropertychange 非IE中的 oninput 用这两事件的好处是，当在输入框的内容发生变化调用事件，使用key 和 mouse的相关事件会比较复杂，而且这个方法用粘贴方法一样有效。 不过用js改变input的value值不会发生这两个事件。 在中文本框中添加两个事件的方法就可以了。（看到网上说非ie中的oninput方法要用addEventListener绑定，用 element.oninput = function(){...}不行，可是我在火狐...
有两个文件a.html和b.html，a.html 即下面的代码，b.html只是为了验证通过时候一个跳转页面，不做任何代码编写 因为a.html用的是相对路径，所以要想程序能正常运行，b.html文件必须和a.html放在同一个目录下。 代码如下: New Document function verify(){ var isNeed=document.getElementById("isNeed").value; if(isNeed==1){ var reason=document.getElementById("reason").value; if(reason==""||reason==null){ al...
代码如下: /* 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...
首先还是看html代码： 代码如下: $(document).ready(function () { $('#autogrow').autogrow(); }); 接下来是js插件代码： 代码如下: (function ($) { $.fn.autogrow = function (options) { var defaults = { minHeight: 0, maxHeight: 9999 }; var options = $.extend(defaults, options); return this.each(function () { var element = $(this); //上一次文本框内容长度和宽度 var lastValLength, lastWidth; ...
前端开发过程中，经常需要这样的场景。用JS实现将光标定位于输入框最右侧。 场景一：编辑图片的描述文字 场景二：Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑，编辑后离开可自动更新该区域。 以上场景都需要JS实现将光标定位于输入框最右侧，却不是通过鼠标点入输入框内。 我们知道实现最基本的方法是HTMLElement的focus方法。如下代码如下: var input = document.getElementsByTagName('input')[0]; input.focus(); ...
textarea元素已被广泛用于网页Web的IDE。通常网站自带的textarea编辑器不能满足我们的需求，作为一名开发者我们经常需要进行代码的在线编辑，高亮显示代码等，因此，通过其他的开源项目，我们可以添加一些实用的功能， 在这篇文章中，我将使用JavaScript库ACE来创建一个输入框效果。这是一个完全开源的脚本。该脚本允许开发人员创建支持语法高亮的输入框。然后你可以代码嵌入到网站中的任何地方 下载库 首先我们需要Github上下载AC...