Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使跨度在内部<;a>;标签不可粘贴_Html_Css - Fatal编程技术网

Html 使跨度在内部<;a>;标签不可粘贴

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

我通过在span上设置
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>