您现在的位置是:首页 > 学无止境 > 其他网站首页其他 如何做输入框输入QQ,然后显示QQ头像

如何做输入框输入QQ,然后显示QQ头像

  • 莫愁
  • 其他
  • 2019-05-08
简介我们在做用户评论的时候,如何让用户输入QQ号后,用户头像自动变成QQ头像。
字数 533

我们在做用户评论的时候,如何让用户输入QQ号后,用户头像自动变成QQ头像。

首先我们的输入框以及图片是这样的

输入QQ:
<input id="QQ" type="text" /><br/>
QQ头像:
<img id="QQtouxiang" src="https://www.mochoublog.com/skin/cy/images/noavatar.gif"/>

方法很简单,2步骤就解决了

第一步:定义函数

其中判断长度QQ六位才做修改元素,低于6位都用默认的头像。

第二步:给输入框指定动作

其中input标签里面的onpropertychange和oninput是关键,这样才能让用户在输入的时候头像变化。


转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/205.html”。

文章评论

    • 评论
    人参与,条评论

技术在线

服务时间

周一至周日 12:00-22:00

关闭下雪
关闭背景特效