我们在qq聊天输入框，或者其他一些网站的多行文本输入框中常常会见到这样一种效果，当我们输入@符号后，后面会弹出相关的预备输入内容。
@输入提示效果图
我们来看看具体的代码实现部分：
HTML部分很简单，就是一个提交按钮和一个多行文本框，还有需要隐藏显示的预输入内容列表。其中id为hackDiv的元素用于确定输入文本的末尾位置。
HTML部分代码
css部分实现了将一个文本框和提交按钮放在浏览器窗口居中位置，并将所有涉及的标签放在了文档中。可以看到textarea元素和id为hackDiv的元素具有相同的占位元素，id为hackDiv的元素紧跟在textarea元素后。
css部分代码
JavaScript部分代码就会相对复杂一些，首先通过一个兼容函数实现对IE事件绑定的支持，其次建立两个帮助函数，设置预输入文本的位置和显示方式，获取预输入文本的输入位置，最后将@需要传入的name值写入文本框，并设置光标的位置为文本结束位置。
用函数实现ie对事件绑定的兼容
两个辅助函数
调用函数实现完整逻辑
兼职打字员的骗局，很早之前就已经有了，但是现在还是有很多人受骗。 在很多找兼职的网页上，都会看到这些话： “打字员兼职，1000字20元，不收取任何打字押金。一天一结。时间自由” …
相比若干年前相继展开的线上线下渠道之争、线上平台捉对厮杀,以及渠道融合扩军备战,2020年,零售板块各平台的战意并不汹涌。毕竟,伴随渠道融合理念被广泛接受,“人、货、场”关系的重新…
前不久发了头条想找个手工活做，好多主动私信我的，包括小红书上也是更多来找我的 我的地址已经发给他了，看上去对我们一点损失都没有对吧，⚠️⚠️重点是他告诉我最近货比较抢手，一周左右发…
今天又来跟大家分享电脑软件了，下面这7个令人相见恨晚的黑科技软件，实用且强大，让电脑变得无所不能。 这是一款免费的素材管理工具，我们在日常办公时，电脑中有太多的文件和素材，就可以全…
要说到现在最大的话题就莫过于双十一了，是各种实际优惠还夹杂着不少的优惠套路不断的冒出了，所以双十一想要入手什么东西都要三思而后行了，不过小编最近也是精心的给各位总结出来双十一几款比…
说到中华民族的传统美德，勤俭节约是无法避开的美德，一粥一饭当思来之不易。半丝半缕恒念物力维艰。这都是老祖宗为我们后世人留下来的警醒之言。联合国将每年的10月31日定为“世界勤俭日”…
今日下午，OPPO Reno6系列新机正式发布，此次依旧采用三机齐发的产品策略——OPPO Reno6、Reno6 Pro和Reno6 Pro+。 先说说OPPO Reno6系列的…
首先，这是个有趣的话题，很难说谁更安全，毕竟评判标准不同，答案也不尽相同，类似于先有鸡先有蛋的话题，答案模棱两可，公说公有理、婆说婆有理，取决于你怎么看，小编本着实事求是精神，试着…
新春临吉宅贴在面向大门的右手边，洪福满华堂贴在面向大门的左手边。面对贴对联的地方，自己的右手边贴上联，左手边贴下联。判断对联的上下联要从最后一个字的平仄声来区分的。上联的最后一个字…
中国经济周刊-经济网讯 (记者 郑扬波) 3月28日，中国石化(600028.SH)发布2021年年报，称2021年业绩是近10年最好水平。不过，中国石化股东减少35%，“破净”已有4年。
在使用CAD制图软件绘制图纸的过程中，经常会需要进行CAD填充，那么你知道如何批量生成CAD填充边界吗？接下来的CAD教程就让小编以国产CAD制图软件——浩辰CAD软件为例来给大家…
中国制药企业排名（最新医药企业100强对比） 医药企业100强排行榜 排名 制药企业名称 利润总额（千元） 1 上海医药（集团）有限公司 1812538 2 医药集团总公司 123…
包揽近3年标准混基第一、近一年短债、FOF冠军，上半年平安基金业绩群星闪耀，保持了持续出众的表现《投资时报》记者 李浥尘2021年上半年，A股市场经历了跌宕起伏，最终以沪深300指…
首先我们先来看一下C语言中如何比较三个数的大小： 接下来我们再来看看python语言解决三个数比较大小的问题： 我们可以从图中的积木块看出来，在进行Scratch代码编写的时候，其…
