javascript - 使用按钮 onclick 时不显示警报

Question

这是小提琴。

我正在努力做到这一点，所以当您单击按钮时，它会发出警报'You tried to search......无论您键入什么... !'，但该按钮不会提醒消息。

我已经尝试过使用：

var a = document.getElementById('input').value;
    alert("You tried to search " + a + "!");

它仍然没有提醒消息，请回答？

Answer 1

您的函数在关闭之外无法访问。它应该是

window.search = function() {
    var a = document.getElementById('input').value;
    alert("You tried to search " + a + "!");
}

Answer 2

您的代码将在此页面加载后立即运行，您可以像这样优化您的代码 [使用 jquery]：

$(document).ready(function(){
  $('#search').onclick(function() {
          var a = document.getElementById('input').value;
          alert("You tried to search " + a + "!");
      });
});

Answer 3

如果你使用jQuery，你应该使用jQuery绑定点击事件，会更好，http://jsfiddle.net/dmsrY/13/

删除点击

<button id="clickme" type="button" title="Search" value="Search">Search</button>

你可以search()在同一范围内调用

$('#clickme').click(function () {
    search( $('#input').val() );
});

// make search function more flexible
function search(s) {
    alert(s);
}

如果您想访问search()任何地方

// create jQuery plugin function
$.search = function (s) {
    alert(s);
}

// now you can call search like this
$.search('search string');