Jquery keypress не работает с socket.io

Я понятия не имею, что я делаю неправильно. Следующий код - это просто самая последняя итерация случайного дерьма, которую я пробовал:Jquery keypress не работает с socket.io

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>{{title}}</title> 
    <link rel="stylesheet" href="../css/home.css"> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="/socket.io/socket.io.js"></script> 
<script> 
    var socket = io(); 
    $(document).ready(function() { 
    $(document).keypress(function(e) { 
     if (e.which == 13) { 
      alert('You pressed enter!'); 
     } 
    }); 
}); 
</script> 
</body> 
</html>

Я использую firefox. Я приложу app.js, если это необходимо, но я уверен, что для jQuery просто не нужно указывать кнопку и показывать предупреждение. Я еще не использовал события сокета. Когда я запускаю сервер, все работает нормально, но когда я нажимаю кнопку, ничего не происходит. Вот мой app.js:

var express = require('express'); 
var app = express(); 
var http = require('http').Server(app); 
var path = require('path'); 
var io = require('socket.io').listen(http); 
app.set('views', path.join(__dirname, 'views')); 
app.engine('html', require('hogan-express')); 
app.set('view engine', 'html'); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.get('/', function(req, res){ 
    res.render('index', {title:'test'}); 
}); 
http.listen(3000, function(){ 
    console.log('listening on localhost:3000'); 
});

источник

2015-10-07 Austin Capobianco

<сценарий SRC = "/ socket.io/socket.io.js"> должен быть <сценарий SRC = "// socket.io/socket .io.js "> - Единственное, что я вижу на вашей странице неправильно. – iamjpg

Обновите версию JQuery Использование:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

удалить также unnecesary $ (документ) .ready ({}); функция.

Используйте следующий код:

$(document).keydown(function (e) { 
    if (e.which == 13) { 
     alert('You pressed enter!'); 
    } 
});

или использовать этот один:

$(document).bind("keydown",function (e) { 
    if (e.which == 13) { 
     alert('You pressed enter!'); 
    } 
});

Проверьте следующие скрипку:

http://jsfiddle.net/hacker1211/bk56hg5k/

источник

2015-10-07 21:06:06

Пробовал все четыре ваших предложения. Ничего ... Спасибо, хотя. Я положу свой app.js в редактирование. –

хорошо, пожалуйста, сделайте это так, чтобы я мог отлаживать ваш код –

, пожалуйста, проверьте последние изменения и ссылку на скрипку –

Отсутствующие </head> и <body> на HTML файл ,

Я обновил и он работал на меня:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>{{title}}</title> 
</head> 
<body> 
    <link rel="stylesheet" href="../css/home.css"> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="/socket.io/socket.io.js"></script> 
<script> 
    var socket = io(); 
    $(document).ready(function() { 
    $(document).keypress(function(e) { 
     if (e.which == 13) { 
      alert('You pressed enter!'); 
     } 
    }); 
}); 
</script> 
</body> 
</html>

источник

2015-10-07 21:23:25

Все еще не работает на моей машине с Windows 7 с Firefox 41. Если интересно, см. Мой другой комментарий для получения дополнительной информации. –

Возможно, вы захотите попробовать другой браузер. Также вы можете проверить, блокируете ли вы всплывающие окна или какое-либо расширение FF блокирует всплывающие окна. Я тестировал FF, Chrome и Safari, и все отлично работало. –

Jquery keypress не работает с socket.io

ответ

Смежные вопросы