jQuery Получить элемент по имени и выполнить действие по клавише «Enter». - PullRequest
0 голосов
/ 20 мая 2011

Я надеюсь, что вы можете помочь мне с этим.У меня есть элемент, кнопка ввода, которая не имеет идентификатор, а только имя.

Я работаю над CMS и не хочу изменять код по умолчанию.

Мне интересно, есть ли в jQuery функция, которая даст мне возможность получить элемент повместо имени по идентификатору.

Я хочу добавить функцию onClick к этому элементу, поэтому мне нужен способ получить его имя вместо идентификатора.

Другой вопрос, еслиВ jQuery есть способ, с помощью которого можно запустить функцию, когда на элементе ввода текста нажата Enter на клавиатуре.Что-то вроде onClick, но когда нажата клавиша Enter .

Дайте мне знать.Спасибо!

Ответы [ 4 ]

2 голосов
/ 20 мая 2011

Да ...

1) Вы можете получить элемент по имени, используя атрибут , равный селектор:

$('button[name="foo"]')

где foo - имя вашего элемента.

2) Обработчик щелчков будет запущен автоматически, если вы нажмете клавишу ввода, если элемент является элементом привязки (ссылки). В противном случае используйте keypress и сравните event.which (числовой идентификатор нажатой клавиши) с 13 (который обозначает клавишу ввода):

$('button[name="foo"]').keypress(function(event) {
    if (event.which === 13) {
        // the enter key was pressed
    }
});
0 голосов
/ 20 мая 2011

Получить элемент по имени атрибута:

$("[name='elementName']").click(function(){
  //perform action
});

Выполнить код при нажатии клавиши ввода в поле ввода:

$('input[type="text"]').bind("keypress", function (e) {
            if (e.keyCode == 13){
                //run enter code
            }
        });
0 голосов
/ 20 мая 2011
$('input[name="myName"]').click(function() {
    //do whatever
});
0 голосов
/ 20 мая 2011

Это селектор равенства атрибутов.

$('input[name="foo"]').click(function(){});

Во второй части вам нужно добавить обработчик событий для нажатия клавиш.

$('input[name="textfield"]').keydown(function(evt){
  if ((evt.keyCode) && (evt.keyCode == 13))
  {
     // perform enter actions.
  }
});
...