我在类 li 类pivot-nav-item旁边有链接，有href=#sometext.如果满足某些条件，我想删除 # 之后的所有内容。我使用以下代码查看用户是否已触摸屏幕以添加类user-is-touching。因此，如果用户触摸了屏幕，我想删除#之后的所有内容。
window.addEventListener('touchstart', function onFirstTouch() {
// we could use a class
document.body.classList.add('user-is-touching');
// or set some global variable
window.USER_IS_TOUCHING = true;
// or set your app's state however you normally would
// Remove mouse-related events here
$(".o-c, .c-f, .i-c, .c-u").unbind('mouseenter').unbind('mouseleave')
// we only need to know once that a human touched the screen, so we can stop
listening now
window.removeEventListener('touchstart', onFirstTouch, false);
}, false);
window.addEventListener('touchstart', function onFirstTouch() {
// we could use a class
document.body.classList.add('user-is-touching');
// or set some global variable
window.USER_IS_TOUCHING = true;
// or set your app's state however you normally would
// Remove mouse-related events here
$(".o-c, .c-f, .i-c, .c-u").unbind('mouseenter').unbind('mouseleave')
// we only need to know once that a human touched the screen, so we can stop listening now
window.removeEventListener('touchstart', onFirstTouch, false);
}, false);
$(".o-c").click(function() {
if ($('body').hasClass('user-is-touching')) {
} else { //do something else
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<li class="pivot-nav-item"><a data-attr="o-c" class="o-c default-underline" href="#o-c" data-toggle="my-scrollspy-2">O C</a></li>
<li class="pivot-nav-item"><a data-attr="c-f" class="c-f" href="#contact-form" data-toggle="my-scrollspy-2">C F</a></li>
<li class="pivot-nav-item"><a data-attr="i-c" class="i-c" href="#i-c" data-toggle="my-scrollspy-2">I C</a></li>
</body>您可以使用attr()来设置链接的href属性。
$('.pivot-nav-item').on('click', function() {
$(this).find('a').attr('href', '#');
});<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<ul>
<li class="pivot-nav-item"><a data-attr="o-c" class="o-c default-underline" href="#o-c" data-toggle="my-scrollspy-2">O C</a></li>
<li class="pivot-nav-item"><a data-attr="c-f" class="c-f" href="#contact-form" data-toggle="my-scrollspy-2">C F</a></li>
<li class="pivot-nav-item"><a data-attr="i-c" class="i-c" href="#i-c" data-toggle="my-scrollspy-2">I C</a></li>
</ul>