小编Cyr*_*ist的帖子

按下Click和Enter/Return(键)执行jQuery函数

我正在尝试创建一个小搜索框,允许您根据您在输入字段中输入的关键字搜索Twitter.虽然它有效,但只有按下"提交"按钮才有效.我还希望能够按Enter或Return键来启动搜索.我已经尝试使用.sumbit函数并将我的输入包装在表单元素周围但没有成功.任何见解都会非常感激!

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>
$(document).ready(function(){

function(data) {

$('#startSearch').click(function(){ 

$('#tweets .results').remove();

    var searchTerm = 'http://search.twitter.com/search.json?q=' + $('#twitterSearch').val() + '&callback=?'

    $.getJSON(searchTerm,  function(data) {
        $.each(data.results, function() {
            $('<div class="results"></div>')
            .hide()
            .append('<a class="userPicLink" href="http://twitter.com/' + this.from_user + '">'  + '<img class="userImg" src="' + this.profile_image_url + '">' + '</a>')
            .append('<span class="userName">' + '<a href="http://twitter.com/' + this.from_user + '">' + this.from_user + '</span>')
            .append('<span class="userText">' + this.text + '</span>')
            .append('<time class="textTime">' + relTime(this.created_at) + '</time>')
            .appendTo('#tweets')
            .fadeIn();

        });

  });

</script>
Run Code Online (Sandbox Code Playgroud)

<body>


<label id="searchLabel" for="twitterSearch">Search</label>
<input type="search" …
Run Code Online (Sandbox Code Playgroud)

jquery

8
推荐指数
1
解决办法
3万
查看次数

标签 统计

jquery ×1