微博html怎么编辑器,类似新浪微博的编辑器 输入@就出现可选的下拉框 是怎么实现的...
不知道你说的是不是新浪微博登录的时候,输入电子邮件的那个input 或者 叫 textbox ,更或者是输入框也好,在编辑器里我倒没发现有这个功能.
首先说一下这个功能正式的称呼应该叫 "autocomplete",中文叫 "自动完成" 吧,呵呵 猜测!~~~
下面说实现方法.
1)纯原生态js实现. (我只说一下思路哈,原来封装过控件,挺费劲的)
实现步骤:(1)文本框获取焦点的时候,在onchange (就是文本改动触发的事件)事件里,你js判断有没有@ 如果有的话就在文本框下面(或者你想要的位置,用css控制div就可以),弹出一个div,里面包含所有的常用的网站的邮箱域名,选择后,把div隐藏掉就可以了.
2)其他js框架的实现,你可以去www.google.com 记住是英文版本的, 去搜索 autocomplete,个人比较喜欢JQuery,所以你可以用关键字 "JQuery autocomplete" 来搜索.当然找个好点的插件是最好的解决之道了.
3)如果你正在使用asp.net开发,可以使用ajax control toolkit 里的一个autocomplete 控件,也挺方便.当然上述方法仍然适用.
最后,为了方便给你上几个地址吧.省你事了.
微博html怎么编辑器,类似新浪微博的编辑器 输入@就出现可选的下拉框 是怎么实现的...相关推荐
- 下拉框系统甄选火星推荐_微博下拉框技术首选15火星牛
会员注册发帖 下拉词是搜索引擎为方便用户搜索而提供的一种关键词联想服务,目前各大搜索引擎都有这类的下拉框(如:百度下拉框,搜狗下拉框,神马下拉框,360下拉框),目的是为了提高用户搜索效率.当搜索某个 ...
- 下拉框系统甄选火星推荐_微博下拉框技术首荐15火星牛
下拉词是搜索引擎为方便用户搜索而提供的一种关键词联想服务,目前各大搜索引擎都有这类的下拉框(如:百度下拉框,搜狗下拉框,神马下拉框,360下拉框),目的是为了提高用户搜索效率.当搜索某个关键词,直接出 ...
- IOS第四天-新浪微博 -存储优化OAuth授权账号信息,下拉刷新,字典转模型
*************application - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOpti ...
- 类似百度搜索下拉框的实现
从百度截图如下: 要实现的功能与该图类似,只不过没有详细优化样式.哈哈,大家不要介意.(还有我的这个功能用的是百度的接口) 我用了两种方式来实现这个功能,一种是原生的js方式,一种是jQuery的方式 ...
- php 类似微信下拉菜单,微信小程序实现下拉框(附代码)
微信小程序里没有和HTML里的下拉框一样的组件,想要相同的效果只能自己写一个,先看效果 下面来看一下代码: 首先WXML {{selectData[index]}} {{item}} 然后WXSS(如 ...
- QComboBox自定义(一)--类似QQ登陆界面的下拉框
刚学Qt的时候,初步经历的第一个学习项目基本上都是LANQQ,初识时,不懂QSS,不懂布局,绘制界面最简单的方式成了使用designer拉满整个界面的控件,或者使用代码写了一些很蹩脚的布局.也是很羡慕 ...
- jqueryUI+ajax实现百度类似的搜索补全下拉
先看一下百度的搜索提示样例: 下面我们直接来看代码实现: <!doctype html> <html lang="en"> <head>< ...
- ListView实现类似多米的条目下拉功能
多米音乐有这个功能,点击list条目的左边会出现下拉条,今天我写了一个类似的功能,能实现listVIew条目的下拉与显示,这只是一个简单的Demo,如果要显示和隐藏更多的信息,可以吧TextView控 ...
- Handsontable 类似 excel 表格编辑器
HandsonTable 简介 Handsontable 是一个类似 excel 表格编辑器,支持丰富的展现和交互,以及多样的单元格展现和配置 核心由原生 js (es6) 编写,通过webpack打 ...
最新文章
- 625某电商网站数据库宕机故障解决实录(下)
- 【Cocos2d入门教程二】Cocos2d-x基础概念
- JVM 内存初学 (堆(heap)、栈(stack)和方法区(method) )(转发)
- Qt -- 非常详细的pro文件的语法说明
- 算法一之简单选择排序
- realme Q5 Pro Vans联名版曝光:经典棋盘格图案设计 辨识度拉满
- enablefeignclients 注解_Spring Boot 中 @EnableXXX 注解的驱动逻辑
- OpenCV实现基于图像内容检索--视频播放(上)
- IOS SDWebImage实现原理详解
- Bat批处理脚本--常用命令
- 简述RAID 0,1,5,10区别
- android 放大镜功能,Android 做一个放大镜的效果(转)
- 英文论文评审意见_艾德思:英文论文审稿意见模板
- 【JavaSE】学了这么久Java,你真的会用代码块吗?
- 兆骑科创创新创业服务平台,海内外高层次人才引进,活动赛事
- ECharts 中的事件和行为
- idea根据路径找控制器的插件(推荐)
- sql操作access时出现 MSDTC错误,服务器 'SERVER' 上的 MSDTC 不可用。
- 查看打印机端口的方法
- 【树莓派学习笔记】树莓派4B上运行uboot并从网络启动linux内核(上)
热门文章
- tcpdump抓包最常用的命令
- finalshell远程安装oracle,安装oracle的问题
- ExecuteNonQuery()方法发即:是指执行非查询SQL命令,如:增、删、改等
- linux的重要文件,Linux中重要文件夹介绍
- 误差分析计算公式及其 matlab 代码实现
- leetcode题解77-组合
- 深入学习Spring框架(二)- 注解配置
- 第64节:Java中的Spring Boot 2.0简介笔记
- ActiveMQ专题2: 持久化
- Java标识符和关键字(static,final,abstract,interface)