妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

12
返回列表 发新帖回复
楼主: juntaoshuai

[求助] 关于模拟placeholder,点击文字文本框不能获得焦点的问题

[复制链接]
 楼主| juntaoshuai 发表于 2017-2-6 20:50:18 | 显示全部楼层
我把代码上传了

ofweek_reg.rar

333.09 KB, 下载次数: 155

回复 支持 反对

使用道具 举报

 楼主| juntaoshuai 发表于 2017-2-6 20:53:57 | 显示全部楼层
你们都看下,第一个 手机/邮箱 的文本框 点击在文字 上时,不能获得焦点,不知道是不是 邮箱 后缀提示对它有影响。
如果按照 你们说的,把文本框设为透明,然后把文字定位到文本框下面,则在IE8下有问题,文字显示 不了。
样式放在main.css里。
回复 支持 反对

使用道具 举报

 楼主| juntaoshuai 发表于 2017-2-6 20:54:39 | 显示全部楼层
一回家,我就只想快点把代码整理好,上传。
回复 支持 反对

使用道具 举报

TrueLeo 发表于 2017-2-6 21:19:31 | 显示全部楼层
juntaoshuai 发表于 2017-2-6 20:54
一回家,我就只想快点把代码整理好,上传。

$("form input.txt").each(function() {
                    var hold = $(this).attr("placeholder");
                    $('<p class="f-placeholder">' + hold + '</p>').insertAfter($(this));
                }).on("keydown keyup", function() {
                    if ($(this).val() != "") {
                        $(this).siblings(".f-placeholder").hide();
                    } else {
                        $(this).siblings(".f-placeholder").show();
                    }
                }).trigger("keydown");


看到红色字没有,这里两个事件,需要对应两个函数吧,你上面只有一个,相当于down up都是一样的。其它代码具体我没看,我就看到这里有问题,我把keyup删除,在ie8下测试了下差不多正常了。

回复 支持 反对

使用道具 举报

TrueLeo 发表于 2017-2-6 21:36:54 | 显示全部楼层
juntaoshuai 发表于 2017-2-6 20:53
你们都看下,第一个 手机/邮箱 的文本框 点击在文字 上时,不能获得焦点,不知道是不是 邮箱 后缀提示对它 ...

input的背景直接设置为none,这样百分百好,我试了.   background:none;
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-5-22 06:37 , Processed in 0.183708 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表