AcFun 这个登陆框提示语是怎么做到的呢?

2015-03-11 18:25:51 +08:00
 LUREN

http://t1.qpic.cn/mblogpic/5d7c18c7c06353a51cd6/2000.jpg
请问这个提示语是如何实现的呢?审查元素好像也没有什么标签或div内容。

2496 次点击
所在节点    问与答
2 条回复
Yokira
2015-03-11 19:29:21 +08:00
最开始以为是用伪元素去写的,后来发现如果输入符合条件,提示框就会隐藏掉,排除CSS;

查了下JS,发现应该是对input绑定了事件,然后调用了info方法并传入了提示语,在输入符合条件的时候,input会多一个success的class,不符合会是error的class,提示语其实写在了JS里面,只不过不是utf-8就显示了乱码。

不符合条件的时候会出现一个绝对定位的提示框 [div id='area-window'](在 [div id='stage'] 里面),它的子元素会多出一个 [div id='win-hint-form'] ,你可以看一下。
LUREN
2015-03-11 21:07:28 +08:00
@Yokira 多谢解答。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/176150

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX