使用JavaScript单击后无法停止链接闪烁
使用JavaScript代码单击链接“视图”后,我想停止闪烁该链接: css: php和JS:使用JavaScript单击后无法停止链接闪烁,javascript,php,html,css,Javascript,Php,Html,Css,使用JavaScript代码单击链接“视图”后,我想停止闪烁该链接: css: php和JS: <?php echo "<tr >"; echo "<td width='150'> <a href='disdata.php?id=" . $dispReturn->dispID . "' class='blinking'><span> View </span> </a> </td> "; echo
<?php
echo "<tr >";
echo "<td width='150'> <a href='disdata.php?id=" . $dispReturn->dispID . "' class='blinking'><span> View </span> </a> </td> ";
echo "</tr>";
?>
<script>
function stopBlinking(e) {
e.currentTarget.classList.remove('blinking');
}
const blinking = document.querySelectorAll('.blinking');
for (link of blinking) {
link.addEventListener("click", stopBlinking);
}
</script>
因为你没有发布你的JS代码,我们只能猜测。使用onclick
事件尝试它,并删除类blinking
。您是否调试它以验证按预期添加到元素的单击处理程序,以及是否在处理程序函数中选择了正确的元素?您是否正在使用未显示的其他代码取消链接默认操作?否则它可能会切换到另一个页面,当然,你在上一页上通过JS做的任何事情都不再重要。链接重定向到另一页,我没有任何代码取消链接默认操作。如果你不想重定向到另一页,为什么它是锚定标记?你有一个锚定,重定向到disdata.php
,你提到过这一点您希望停止锚点中的闪烁动画,但如果放弃页面,停止闪烁效果的目的是什么?。您的代码还可以,请重新表述您的问题,您的需求似乎没有得到很好的解释。因为您没有发布JS代码,我们只能猜测。使用onclick
事件尝试它,并删除类blinking
。您是否调试它以验证按预期添加到元素的单击处理程序,以及是否在处理程序函数中选择了正确的元素?您是否正在使用未显示的其他代码取消链接默认操作?否则它可能会切换到另一个页面,当然,你在上一页上通过JS做的任何事情都不再重要。链接重定向到另一页,我没有任何代码取消链接默认操作。如果你不想重定向到另一页,为什么它是锚定标记?你有一个锚定,重定向到disdata.php
,你提到过这一点您希望停止锚点中的闪烁动画,但如果放弃页面,停止闪烁效果的目的是什么?。您的代码还可以,请重新表述您的问题,您的需求似乎没有得到很好的解释。
<?php
echo "<tr >";
echo "<td width='150'> <a href='disdata.php?id=" . $dispReturn->dispID . "' class='blinking'><span> View </span> </a> </td> ";
echo "</tr>";
?>
<script>
function stopBlinking(e) {
e.currentTarget.classList.remove('blinking');
}
const blinking = document.querySelectorAll('.blinking');
for (link of blinking) {
link.addEventListener("click", stopBlinking);
}
</script>