textarea输入内容,点击旁边空白的地方,再点入文本框,内容不见了

why_so_bad 2012-08-21 05:31:47
<script type="text/javascript">
(function ($) {
$.fn.iClear = function (iSet) {
/*
* Curval:表单默认值
* CurColor:默认颜色值
* Enter:绑定回车事件的元素
*/
var self = this;
iSet = $.extend({ Curval: null, color: '#000', CurColor: '#ccc', Enter: null }, iSet || {});

$(self).each(function () {
//当设置默认值是为表单赋默认值
if (iSet.Curval != null) {
$(self).val(iSet.Curval);
}
//表单focus,blur事件
$(this).css('color', iSet.CurColor).focus(function () {
Curval = $(this).val('');

$(this).css('color', iSet.color);
$(this).val();
if ($(this).val() == (iSet.Curval ? iSet.Curval : this.defaultValue)) {
$(this).val('');
}
}).blur(function () {
if ($(this).val() == '') {
$(this).val(Curval).css('color', iSet.CurColor);
}
});
$(".ra_1").click(function () {
$('textarea').css("color", "#CCC");
});

});
};
})(jQuery);
$(function () {
$('textarea').iClear();
});
</script>


<textarea name="txtContent" id="txtContent cols="80" rows="8" maxlength="150" style="display:block;"</textarea>
...全文
405 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
why_so_bad 2012-08-23
  • 打赏
  • 举报
回复
虽然不是很明白,不过还是有点思路了,谢谢呢。。。
未知数 2012-08-22
  • 打赏
  • 举报
回复
$(this).css('color', iSet.CurColor).focus(function () {
if(!this.isWrite)
Curval = $(this).val('');
this.isWrite=true;
......
why_so_bad 2012-08-22
  • 打赏
  • 举报
回复
额。。。我想实现的是点击文本框默认值消失,但是输入的内容在旁边空白处点击后,然后再点击进文本框内容不消失。。。现在上面的代码是默认值消失,自己输入的内容也会消失。。。
未知数 2012-08-22
  • 打赏
  • 举报
回复
用一个变量作为标志(标志的意义是否需要清空文本框),达到触发条件时根据这个变量判断是否该清空文本框,并修改这个变量的值;
原理就是这样,具体你想达到什么效果,按这个思路写代码就可以了
why_so_bad 2012-08-22
  • 打赏
  • 举报
回复
额,初步实现了要的效果,不过如果有三个单选按钮(input type="radio”的那种),希望每点击每个选项都可以实现这样的效果,现在的话是只有点击第一个选项的时候这个效果实现了。。。第二个和第三个的默认值没有消失。。。嗯,有点像淘宝的对商品评价的那种效果。。。有可能实现吗?
scscms太阳光 2012-08-21
  • 打赏
  • 举报
回复
能力有限,真看不懂你的插件想实现什么功能!
如果你想再点击内容不为空,很简单,删除: Curval = $(this).val(''); 即可!

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧