如何使点击事件和按键在同一个 if 语句中工作?

现在我有:

if($('.test').is(':visible;)){
   $('button').click(function(e){
      ..do something here
    }else {
     ..do something here
 });

.test 是值字段,当用户输入值时我希望他们能够单击回车键,而他们在此框中提交信息或使用按钮来执行此操作。这不是一种形式,它们都在 div 中。

最佳答案

因此,将逻辑放入一个通用函数中,并调用它进行单击和按键操作。

    (function () {

       function yourLogic () {
         $(".out").text($(".yourInput").val());
       }

       $("button").on("click", yourLogic);
       $(".yourInput").on("keyup", function (evt) {
           if (evt.which===13) yourLogic();
       });

    }());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="yourInput" />
<button>Click</button>
<div class="out"></div>


或者不使用通用函数并调用按钮上的 click() 事件。
   $(".yourInput").on("keyup", function (evt) {
       if (evt.which===13) $("#yourButton").trigger("click");
   });

关于javascript - 使用按键并点击提交,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35506828/

10-12 05:40