<script type="text/javascript">
// 说明:文本框(input)获取焦点(onfocus)时样式改变的实现方法
// focusClass : 获取焦点时的样式
// normalClass : 正常状态下的样式
function focusInput(focusClass, normalClass) {
var elements = document.getElementsByTagName("input");
for (var i=0; i < elements.length; i++) {
if (elements[i].type != "button" && elements[i].type != "submit" && elements[i].type != "reset") {
elements[i].onfocus = function() { this.className = focusClass; };
elements[i].onblur = function() { this.className = normalClass||''; };
}
}
}
</script>
<style type="text/css">
.normalInput {
border:1px solid #ccc;
}
.focusInput {
border:1px solid #FFD42C;
}
</style>
<script type="text/javascript">
window.onload = function () {
focusInput('focusInput', 'normalInput');
}
</script>
文本框:<input type="text" class="normalInput" />
分享到:
相关推荐
本篇文章主要是对文本框(input)获取焦点(onfocus)时样式改变的示例代码进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
先来看javascript的直接写在了input上 代码如下: <input name=”pwuser” type=”text” id=”pwuser” class=”input” value=”楼盘账号” onBlur=”if(this.value==”) this.value=’楼盘账号’;” onFocus=”...
本文实例分析了JQuery中使文本框获得焦点的方法。分享给大家供大家参考。具体分析如下: 由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象...
文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 onpropertychange 当属性...
onfocus(获得焦点事件) 当一个文本框获得焦点时,它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocus来实现。 以下的文本框,当鼠标指针移过去时,里面的文字全部...
如果你在尝试了onfocus,却没有获到光标,可以看看这几种方法,onfocus()获取不到光标的5种解决方法。希望可以帮到大家!
ng-focus是一个事件,跟原生JS(JavaScript)的onfocus是一样的,当我们点击input框时,就会触发该事件,而在该事件里我们可以调用一个函数。所以,当人家问你如何获取焦点时一般的意思是,如果我进行了某些操作后,...
成为焦点时清除文本框内容</title> [removed] [removed] = initAll; function initAll(){ var clearText = document.getElementsByTagName(“input”); for (var i=0; i<clearText.length; i++){ clearText...
解决思路:首先,要在页面初始化时将页面右键菜单屏蔽 其次,在欲解除右键限制的文本框获得焦点时,启用页面document的右键菜单。可以用在文本框中的onmousedown事件中,但推荐用在 onfocus事件中,若使用的...
主要介绍了详解HTML onfocus获得焦点和onblur失去焦点事件的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html <HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> ...
方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="中国" readonly> ...
实现文本框中文字在聚焦是被选中 <input type="text" onfocus="this.select()" value="sssssbbbbccc" />
JavaScript+jQuery 网页特效设计 ...当文本框(包括<input>和中的文本被选中的时触发) scroll() 当滚动条发生变化时触发 resize() 当调整浏览器窗口大小时触发 2、事件的绑定 bind() 方法:可以向被选元素添加一个或多
onfocus(获得焦点事件) 当一个文本框获得焦点时,它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocus来实现。 以下的文本框,当鼠标指针移过去时,里面的文字全部被...
js实现焦点进入文本框内关闭输入法:imeMode 要用到的东西: imeMode:xxx 有四个参数 active 代表输入法为中文 inactive 代表输入法为英文 auto 代表打开输入法 (默认) disable 代表关闭输入法 <INPUT onfocus=" ...
这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失。 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: 代码如下: <input id=”keyword” name=”...
2、当文本框获取焦点后,把默认值清空,把type改为password。 3、当文本框失去焦点后,把type改为txt,把默认值设为“请输入密码”。 JS代码: [removed]=function(){ var input=document.getElementById('input'...