如何使用HTML、CSS或Javascript在用户点击手机时创建反应？

我有一个网站，完全响应（使用Bootstrap制作）并且可以在Cordova的移动应用程序中使用

在移动设备中，用户所做的动作并不是真正的“动态”：当用户“点击（移动点击）”时，用户看不到他的动作是否完成。他们必须等待加载时间结束，以查看“单击”是否有效

我要寻找的是：每次“点击”时都会出现一个动态行为，例如一个圆圈，向用户显示他的点击有效：

在本例中，用户单击时会出现灰色阴影

有什么想法吗？

---

非常感谢

您可以使用JavaScript来完成。首先，使用HTML和CSS创建加载动画并将其隐藏

加载页面后，使用

document.getElementsByTagName（）或
document.querySelectorAll（）选择所有链接和按钮

现在创建一个函数来显示或隐藏加载动画。然后循环遍历元素，并将click事件侦听器添加到元素中

HTML:

正在加载…请稍候

JS:

var load=document.getElementById（“加载”）；
var元素=document.querySelectorAll（“a”）；
函数showLoading（）{
loading.style.display=“block”；
}
对于（var i=0；i
这里已经回答了这个问题：除了画圆圈之外，您还应该完全了解异步操作。当用户点击一个按钮或什么的时候，运行一个等待动画（我会使用CSS动画）或画一个圆圈，然后当异步活动结束时停止你的动画（我会添加一个类来播放动画状态：暂停；显示：无；）。@MarvinKlar是的，但不完整，小提琴的链接已经死了…@PHPglue听起来真的很完美，但是我该怎么做呢？我是一个没有js技能的后端开发人员。。。可耻！嗨@Adnan，对不起，我对JS很陌生，我想我不明白。我放置了div和脚本，但它不起作用：“加载…”不出现。您必须在window.onload函数中使用JS代码。在这里发布代码，以便我们了解问题所在…：）嗨@Gdebrig，再试一次。我在密码上犯了一个错误。我已经修好了。请现在再试一次。我在网上搜索了“window.onload”（不知道它是什么），它对加载警报非常有效。谢谢但是对于鼠标点击的圆圈，你有什么想法吗？感谢完美的实施，非常感谢！！最后一个问题：使用引导，您有一个名为“Tab”的组件。它也在使用“a”标签。因此，当我们单击选项卡时，您的代码正在运行。。。您有没有办法在引导选项卡上禁用此操作-可能是我在禁用项上添加的CSS类？Thks
<div id="loading" style="display:none">Loading...Please Wait</div>

var loading = document.getElementById("loading");
var elements = document.querySelectorAll("a");

function showLoading(){
    loading.style.display = "block";
}

for(var i = 0; i < elements.length; i++){
    elements[i].addEventListener("click",showLoading);
}