如何做'@somename'比如twitter功能
How to do '@somename' like twitter functionality?
我正在尝试实现类似Twitter上的功能。如果我在文本框中写@J,则会出现一个列表,显示自动完成的起始名称"Javascript"、"Java"、"JQuery"。
当我选择Jquery时,它应该显示在TextBox
中。我从Jquery获得了自动完成代码。但我无法执行此"@"功能。
以下是我迄今为止所做的代码:
<html lang="en">
<head>
<meta charset="utf-8">
<title>autocomplete demo</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">
<script>
var tags = [ "Javascript", "Jquery", "Java" ];
document.getElementById('autocomplete').onkeypress = function (e) {
if (e.keyCode === 64 ) {
$( "#autocomplete" ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
response( $.grep( tags, function( item ){
return matcher.test( item );
}) );
}
});
}
else
{
return false;
}
};
</script>
</body>
</html>
试试这个:
http://jsfiddle.net/gtnf41co/5/
它检查输入值以@:开头
if (this.value.search("@") == 0)
然后取出请求项中的@
request.term.replace("@", "")
您可以通过在标签中添加@符号来使用自动完成功能:
<script>
var tags = [ "@Javascript", "@Jquery", "@Java" ];
$( "#autocomplete" ).autocomplete({
source: tags
});
</script>
相关文章:
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 在Twitter上用ie9中的空白src访问iframe的contentWindow
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- 通过javascript/html访问twitter共享iframe
- 使用Javascript获取Twitter访问令牌
- Twitter引导程序Typeahead-Id&标签
- Twitter Bootstrap 2.1.0子菜单在Responsive上看起来很混乱
- 如何平滑地设置twitter引导程序进度条的动画
- Twitter API在jQuery AJAX中设置授权头
- 更改 Twitter Typeahead 返回的内容
- 在Twitter BootStrap嵌套下拉列表中托管一个选择列表(IE 9特定)
- Twitter API JSON调用未获得最新的3条推文
- Twitter应用程序专用身份验证
- 有没有一个Nodejs库可以序列化和反序列化命名组件的路径(比如URL路径名)
- Twitter是如何在文本框中添加标签的
- Twitter嵌入的时间轴小部件
- Twitter引导程序在下拉列表打开时停止传播
- 如何做'@somename'比如twitter功能
- 如何在twitter上分享,比如使用facebookjavascriptsdk在facebook上分享一些文本
- 浏览器标签更改通知,比如当你收到新的gmail电子邮件或Twitter上的新tweet时