您的位置：首页 > Web前端 > JavaScript

input特殊事件应用的例子

2011-08-17 10:53 337 查看

/*

* input控件值改变事件

* --------------------

* - 手动输入事件捕获：手动输入内容时会触发

* - 复制粘贴事件捕获：复制粘贴内容时会触发

* - 程序设置事件捕获：javascript程序动态设置内容时会触发

* - 拖入事件捕获：选定内容拖入时会触发

*/

项目中登陆的小例子：



<title>如意彩-登录</title>

<link type="text/css" href="/css/util.css" rel="stylesheet"/>

<link type="text/css" href="/css/ruserAll.css" rel="stylesheet"/>

<link rel="stylesheet" type="text/css" href="/css/ymPrompt.css" />

<script type="text/javascript" src="/js/jqueryJS/jquery-1.5.min.js" ></script>

<script type="text/javascript" src="/js/ymPrompt_source.js"></script>

<script type="text/javascript" src="/js/ruserAll.js"></script>

<script type="text/javascript" src="/js/util.js"></script>

</head>

<body>

<div id="indexLogin">

<div id="body">
<div class="rusertop">
<div class="ruserlogo"><a href="/index.html" title="首页"><img src="/images/logony.gif" width="152" height="75" /></a></div>
<div class="rline"><a href="/index.html" title="首页">首页</a>|<a href="/rules/customesService.html" title="在线客服" target="_blank">在线客服</a></div>
</div>
<div class="denglucontent">
<div class="dengluleft"><img src="/images/denglutu.gif" /></div>
<div class="logincontent">
<div class="dengluright">
<div><img src="/images/denglutop.gif" /></div>
<form action="" method="post" id="userLoginForm" name="userLoginForm" >
<input id="reqUrl" type="hidden" value="" name="reqUrl">
<div class="dlkuang">
<div class="loginlist"><span class="loginname">用户名：</span>
<span style="position:relative; left:3px;"><label id="Longintishi" onclick="focuns();" style="position:absolute; z-index:10; font-size:12px; color:#999999;line-height:20px;writh:130px; padding-left:5px; ">请输入邮箱/手机号</label>
<input class="logininput" style="position:relative;background:none; z-index:20;" name="tuserinfo.USERNAME" id="username" type="text" tabindex="1" onFocus="change('magLogin');" onpropertychange="shows();"
onKeyDown=" shows();if (event.keyCode==8)shows();" oninput="shows();"/></span>
<span class="blue"><a href="/rules/register.html" title="免费注册">免费注册</a></span>
</div>
<div class="loginlist1" ><span class="loginname">密　码：</span>
<span><input class="logininput" name="tuserinfo.PASSWORD" id="pwd" type="password" tabindex="2" onKeyDown="if (event.keyCode==13)loginIndex();"/></span>
<span class="blue"><a href="/rules/findPwd.html" title="忘记密码">忘记密码</a></span>
</div>
<div class="loginlist2" id="rank_id" style="display:none"><span class="loginname">验证码：</span>
<span><input class="logininput1" id="password1" name="password1" type="text" onKeyDown="show();if (event.keyCode==13)loginIndex();"/></span>
<span class="loginyanzh"><img src="/chlw/function/common/image.jsp" id="magLogin"/></span><a href="javascript:change('magLogin');" title="刷新"><span class="blue1">刷新</span></a>
</div>
<div><input class="loginbtn" id="login_submit" onclick="loginIndex()" type="button" value="" /></div>
<input type="hidden" value="0" id="rank_value" name="rank_value">
</div>
</form>
</div>

</div>

</div>


</div>

<input type="hidden" value="" name="tishi" id="tishi">

</div>

<script>

function shows(){
if($("#username").val()==""||$("#username").val()==null){
$("#Longintishi").css("display","");
}else{
$("#Longintishi").css("display","none");
}

}

function focuns(){

if($("#username").val()!=""||$("#username").val()!=null){

$("#username").focus();

}

}

focuns();

</script>


最主要的是标蓝色的句子

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： input class stylesheet javascript button null

相关文章推荐

新的分享

章节导航