如何确保按钮点击均匀移动位置

How to ensure button is clicked even moving position

本文关键字：移动 位置 按钮 何确保 确保      更新时间：2023-09-26

参见:http://jsfiddle.net/2fboubvs/5/

<input id="losefocus">
<div id="validationMessage">Text disappears when "valid"</div>
<div>
<button>Next</button>
</div>

JS: 

$(function(){
    $('button').on('click', function(){
        alert('I was clicked');
    });
    $('#losefocus').on('change', function(){
        $('#validationMessage').hide();
    });
});

我有一个状态为"error"的文本输入，下面有一个验证消息。

我输入了一些正确的东西，当焦点仍然在文本按钮上时，我点击了位于输入和验证消息下面的按钮。

如果我在按钮上单击"低"，它将不会触发点击，因为删除消息也会将按钮向上移动。

有什么变通办法?我想到的一种方法是稍微异步地执行更改事件，以便首先单击按钮，然后更新值，然后删除消息。

然而，这将导致在按钮的click处理程序中读取输入值时使用之前的输入值。

还有:注意按钮:它似乎被激活了，从视觉上看，它得到了"按下"或"活动"的外观，但点击事件没有被触发

您可以在消息上使用visibility:hidden，然后文本区域将不回流。

    $('#validationMessage').css("visibility","hidden");
相关文章：