使用extjs 当鼠标点击文本框时 文本框的内容就隐藏，当鼠标移开时提示信息会显示，用focus事件。
1个回答
展开全部
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var temp="请输入用户名";
var inputText=true;
function info(t){
if(inputText){
t.setValue("");
}
}
var panel=new Ext.form.FormPanel({
layout:"absolute",
items:[{
x:10,y:15,
xtype : "label",
text : "用户名："
},{
x:90,y:11,
xtype : "textfield",
id:'name',
width:200,
value:temp,
enableKeyEvents : true,
listeners : {
focus : function(t){
info(t);
},
change : function(t){
if(t.getValue()==""){
inputText = true;
t.setValue("请输入用户名");
}
},
keyup : function(t,e){
if(t.getValue() != ""){
temp = t.getValue();
inputText = false;
}
}
}
},{
xtype : "button",
x : 140,
y : 40,
width : 60,
text : " 确 定 ",
handler : function(){
}
}]
});
var win=new Ext.Window({
title:'登录',
width:340,
height:110,
layout:"fit",
plain:true,
modal : true,
closeAction:"hide",
items:[panel]
});
win.show();
});
</script>
</head>
<body>
</body>
</html>
看看是不是你要的那个效果~~~
追问
你的有问题啊 点击文本框时删不了，而却当使用键盘击删除时，山到最后一个在点击delete 又会全部出现
追答
我这是在帮你解决问题，你这么愣干啥啊！emptText的效果不就是，这个文本框有值时是显示的你输入的值，如果是空的话，显示的是提示的值么！你都delete不就是文本框变空了么，不就还得提示请输入值吗！！！我这个给你做的就是它的这个效果，如果你不需要这样，简单改改代码就出来了！你的需求要描述清除，我至于给你做成这样么，简单给你实现我花的功夫还少点呢！指着别人完全按照你要的效果把代码你噶嘛吃的！能给你部分代码和思路哪点不太符合自己在完善呗，你这嘛都指望着别人，别想有所进步！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
