彩世界开奖app官网-彩世界平台官方网址(彩票平台)
做最好的网站
来自 彩世界平台官方网址 2019-11-28 06:14 的文章
当前位置: 彩世界开奖app官网 > 彩世界平台官方网址 > 正文

ASP.NET jQuery 实例1_jquery_脚本之家

显示效果:

你大概感兴趣的稿子:

  • 刷新时清空文本框内容的js代码
  • 抓获input文本框内容改变事件的js代码
  • Javascript 文本框textarea中度随内容自适应坚实减弱
  • 利用js达成前台动态增进文本框,后台获取文本框内容(示例代码)
  • JS决断文本框内容更换事件的粗略实例
  • js达成文本框中输入文字页面中div层同步获取文本框内容的方法
  • JS清除文本框内容离开在回复及鼠标离开文本框时触发js的主意

本文实例介绍了点击文本框灭绝暗中认可文本离开再苏醒的js实例代码,分享给...

本文实例介绍了点击文本框撤除暗中同意文本离开再回复的js实例代码,共享给我们供我们参谋,具体内容如下

当文本框得到宗旨,若是文本框内容跟提醒内容同样,提醒内容会自然消解。 当文本框未有别的值并失去主题,文本框内容会再度生成默许提示。 为了促成地点的须求,代码如下: 复制代码 代码如下:

javascript自动还原来的书文本框点击消逝后的暗中同意文本,javascript文本框

正文实例介绍了点击文本框废除默许文本离开再复苏的js实例代码,分享给大家供大家参照他事他说加以考查,具体内容如下

连带知识:

1、onclick事件的概念和用法:
当点击对象的时候会触发那件事件。
浏览器扶助:
1卡塔 尔(英语:State of Qatar)、IE浏览器支持那一件事件。
2卡塔 尔(英语:State of Qatar)、火狐浏览器扶助那事件。
3)、Opera浏览器扶植那一件事件。
4卡塔 尔(英语:State of Qatar)、谷歌(Google卡塔 尔(阿拉伯语:قطر‎浏览器帮助那一件事件。
5卡塔 尔(英语:State of Qatar)、safria浏览器帮助那一件事件。
实例代码:

<html>
<head>
<meta charset="gb2312"/>
<title>帮客之家</title>
<style type="text/css">
div{
 width:100px;
 height:100px;
 background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mydiv=document.getElementById("mydiv");
 mydiv.onclick=function(){
 mydiv.style.backgroundColor="green";
 }
}
</script>
</head>
<body>
 <div id="mydiv"></div>
</body>
</html>

上述代码为div注册onclick事件处理函数,当点击div的时候就能够奉行此管理函数将div的背景颜色设置为天灰。

2、onblur事件的定义和用法:
当钦命对象失去主旨时就能够触发那件事件。
实例代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>帮客之家</title>
<style type="text/css">
.mytest{
 background-color:green;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var username=document.getElementById("username");
 username.focus();
 username.onblur=function(){
 username.style.backgroundColor="green";
 }
}
</script>
</head>
<body>
<input type="text" name="username" id="username" />
</body>
</html>

以上代码为input成分的onblur事件绑定事件管理函数,当input成分失去核心的时候,能够将背景颜色设置为蓝色。

接下去是至关重大:点击文本框清除暗中同意文本离开再回复

众多网址的内需填写的文本框在暗许状态下都会提交二个暗中认可的提示语言,当鼠标点击此文本框的时候能够将里面包车型客车暗中同意文本清除,当删除输入的公文且大旨离开文本框的时候再将私下认可的文件写入文本框。
代码如下:

<html>
<head>
<meta charset="gb2312">
<title>点击文本框清除默认值</title>
<script type="text/javascript"> 
window.onload=function()
{
 var username=document.getElementById("username");
 username.onclick=function()
 {
 if(username.value=="请输入您的姓名")
 {
 username.value="";
 this.focus();
 }
 }
 username.onblur=function()
 {
 if(username.value=="")
 {
 username.value="请输入您的姓名";
 }
 }
}
</script>
</head>
<body>
<input type="text" value="请输入您的姓名" id="username" />
</body>
</html>

以上代码实现了我们的渴求,当点击文本框的时候能够消释文本框中的内容,如果文本框未有输入任何内容,此时鼠标宗旨离开文本框的时候,会将文本框的值恢复生机到暗中认可状态。不过如果密码框肯恩有一点点麻烦,因为密码框并非呈现的精通,解决方案能够参见怎样贯彻在密码框如现身提示语下段内容。

怎么样得以完成在密码框如现身提醒语: 一时大家必要在登录表单有一点提醒语言,比方“请输入顾客民”和“请输入密码”等语言,至于客商名好说,可是在密码框中出现“请输入密码”那样的言语就有一点麻烦了,因为在密码框输入的内容不会以明码展现。即使动态的支配type属性的话就有包容性难题,借使input已经存在于页面中的话,在IE8和IE8以下浏览器中,type属性是只读的。所以就得想别的艺术,代码如下:

<html> 
<head> 
<meta charset="gb2312"> 
<title帮客之家</title>
<style type="text/css">
#tx{
 width:100px;
}
#pwd{
 display:none;
 width:100px;
}
</style>
<script type="text/javascript"> 
window.onload=function(){
 var tx=document.getElementById("tx");
 var pwd=document.getElementById("pwd"); 
 tx.onfocus=function(){ 
 if(this.value!="密码") 
 return; 
 this.style.display="none"; 
 pwd.style.display="block"; 
 pwd.value=""; 
 pwd.focus(); 
 } 
 pwd.onblur=function(){ 
 if(this.value!=""){
  return; 
 } 
 this.style.display="none"; 
 tx.style.display=""; 
 tx.value="密码"; 
 } 
}
</script> 
</head> 
<body> 
<input type="text" value="密码" id="tx"/> 
<input type="password" id="pwd" /> 
</body> 
</html> 

以上代码完毕了大家的必要,能够现身明码的唤醒,当输入密码的时候尽管以密码方式输入。
达成的法则特别的简约,在默许状态以type="text"文本框展现,当点击文本框的时候,以type="password"密码框彰显,原本展现的文本框隐敝,也正是说做了一个轮番而已。

上述就是本文的全体内容,希望对大家的就学javascript程序设计有所扶植。

如上代码为input元素的onblur事件绑定事件管理函数,当input成分失去主题的时候,能够将背景颜色设置为深橙。

Recipe1

以上代码为div注册onclick事件管理函数,当点击div的时候就能够实施此管理函数将div的背景颜色设置为中黄。

点击文本框清除默认值 window.onload=function(){ var username=document.getElementById; username.onclick=function() { if(username.value=="&#35831;&#36755;&#20837;&#24744;&#30340;&#22995;&#21517;") { username.value=""; this.focus(); } } username.onblur=function() { if { username.value="&#35831;&#36755;&#20837;&#24744;&#30340;&#22995;&#21517;"; } }}
脚本之家.mytest{ background-color:green;}window.onload=function(){ var username=document.getElementById; username.focus(); username.onblur=function(){ username.style.backgroundColor="green"; }}
脚本之家div{ width:100px; height:100px; background-color:red;}window.onload=function(){ var mydiv=document.getElementById; mydiv.onclick=function(){ mydiv.style.backgroundColor="green"; }} 

接下去是尤为重要:点击文本框清除私下认可文本离开再过来

1、onclick事件的概念和用法:当点击对象的时候会触发这件事件。浏览器支持:1卡塔 尔(英语:State of Qatar)、IE浏览器支持那件事件。2卡塔尔国、火狐浏览器扶植那件事件。3卡塔 尔(英语:State of Qatar)、Opera浏览器协理这一件事件。4卡塔尔国、Google浏览器扶助那一件事件。5卡塔 尔(英语:State of Qatar)、safria浏览器帮助此事件。实例代码:

怎么样实现在密码框如现身提示语:有时我们要求在登录表单有生机勃勃部分提醒语言,比方“请输入客户民”和“请输入密码”等语言,至于顾客名好说,可是在密码框中现身“请输入密码”这样的言语就有一些麻烦了,因为在密码框输入的开始和结果不会以明码展现。借使动态的调节type属性的话就有宽容性问题,若是input已经存在于页面中的话,在IE8和IE8以下浏览器中,type属性是只读的。所以就得想其余措施,代码如下:

  #tx{ width:100px;}#pwd{ display:none; width:100px;} window.onload=function(){ var tx=document.getElementById; var pwd=document.getElementById; tx.onfocus=function(){ if return; this.style.display="none"; pwd.style.display="block"; pwd.value=""; pwd.focus(); } pwd.onblur=function{ return; } this.style.display="none"; tx.style.display=""; tx.value="&#23494;&#30721;"; } }       

有的是网址的急需填写的文本框在默许状态下都会提交叁个默许的提醒语言,当鼠标点击此文本框的时候可以将中间的暗中同意文本死灭,当删除输入的公文且核心离开文本框的时候再将默许的文件写入文本框。代码如下:

2、onblur事件的定义和用法:当钦定对象失去大旨时就能够触发那件事件。实例代码:

上述代码达成了大家的须求,能够现身明码的唤起,当输入密码的时候就算以密码方式输入。达成的规律非常的简易,在暗中认可状态以type="text"文本框彰显,当点击文本框的时候,以type="password"密码框展现,原本彰显的文本框掩盖,也等于说做了贰个沟通而已。

如上代码实现了我们的必要,当点击文本框的时候能够解除文本框中的内容,借使文本框未有输入任何内容,那时鼠标主旨离开文本框的时候,会将文本框的值苏醒到暗中认可状态。可是假设密码框肯恩有一点点麻烦,因为密码框并不是显示的当众,设计方案能够仿照效法如何实以后密码框如现身提示语下段内容。

如上正是本文的全体内容,希望对大家的上学javascript程序设计具备利于。

本文由彩世界开奖app官网发布于彩世界平台官方网址,转载请注明出处:ASP.NET jQuery 实例1_jquery_脚本之家

关键词: 脚本 实例 文本 NET 之家