Html 使跨度在内部<;a>;标签不可粘贴
我通过在span上设置Html 使跨度在内部<;a>;标签不可粘贴,html,css,Html,Css,我通过在span上设置cursor:default来实现这一点 我有类似的东西 我不知道您想做什么,但根据您的问题,此代码应该可以工作 document.getElementById(“test”).onclick=function(){ //做事,然后 返回false; }; 您可以通过为锚标记添加一个onclick事件处理程序,然后检查事件的目标是否为div document.querySelector(“a”).onclick=function(e){ if(e.target.nod
cursor:default
来实现这一点
我有类似的东西
我不知道您想做什么,但根据您的问题,此代码应该可以工作
document.getElementById(“test”).onclick=function(){
//做事,然后
返回false;
};
您可以通过为锚标记添加一个onclick
事件处理程序,然后检查事件的目标是否为div
document.querySelector(“a”).onclick=function(e){
if(e.target.nodeName==“DIV”){
返回false;
}
};代码>
a{
颜色:蓝色;
文字装饰:无;
}
div{
颜色:黑色;
游标:默认值;
}
指针事件
,溢出
,以及一个可单击的伪代码,该伪代码位于您希望仅允许单击的部分上。对于更具体的形状,可以使用第二个伪图形来放置另一个可单击的部分,但仅此而已,可能无法反映您的真实情况。您可以考虑使用JavaScript。< /P>
a,
一个分区,
跳伞{
指针事件:无;/*终止单击*/
位置:相对位置;
}
跨度{
背景:灰色;/*看看我的立场*/
}
a{
背景:浅灰色;
溢出:隐藏;/*隐藏伪溢出的任何部分*/
display:inline block;/*不确定此处需要什么*/
}
a:以前{
内容:'';
位置:绝对位置;
底部:100%;
左:0;
宽度:100%;
高度:40px;
/*不管怎样,它必须溢出一个容器的顶部*/
指针事件:auto;/*使我成为我的父a可以捕捉单击的唯一区域*/
}
a:悬停{
颜色:红色;/*请参见悬停效果,应仅在悬停虚拟对象时触发*/
}
如果父级
包装器是可点击的。你不能使它在与父对象隔离的情况下不可读取。希望这能让唤醒e。将指针事件:none
放在
上,它按预期工作,您需要什么?或者我应该问一下,你需要点击还是取消点击span
?@bowlowl,但我希望其余的都被点击clickable@Manjuboyz跨度不可拾取
<!DOCTYPE html>
<html>
<body>
<a href="https://www.yahoo.com" target="_blank">
clickable part
<div id ="test">
<span >
I don't want to be clickable inside a tag
</span>
</div>
</a>
<script>
document.getElementById("test").onclick = function() {
// do things, and then
return false;
};
</script>
</body>
</html>