最近在做一个项目,涉及到了移动层的应用,结果使用了移动层,可里面的输入框却不能使用了,这是因为层的覆盖,把输入框给挡住了,但由于我是设了层为透明的,所以仍然可以看得到输入框,可就是输不进去东西,后来终于找到了解决的方法了,就是在层移动的时候,添加上 代码如下: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...