iou3344 2023-03-05 19:51 采纳率: 85.2%
浏览 33
已结题

双击才打开链接失效了,网址传递不过去

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<span class="checkbox2">
  <span class="upout"><a href="https://www.aaa.com">AAA</a></span>
  <span class="upout"><a href="https://www.bbb.com">BBB</a></span>
  <span class="upout"><a href="https://www.ccc.com">CCC</a></span>
  <span class="upout"><a href="https://www.ddd.com">DDD</a></span>
</span>
<br><br><br>
<input type="text" name="name" style="width:100%" placeholder="搜索 " autocomplete="off">

<script type="text/javascript">
//单击取链接的文字,双击才打开链接
$(document).ready(function(){
    $('.upout').click(function(event){
        var inputVal = $('input[name="name"]').val();
        var name = $(this).text();
        if (inputVal.indexOf(name) == -1) {
            if (inputVal == '') {
                $('input[name="name"]').val(name);
            } else {
                $('input[name="name"]').val(inputVal + ' ' + name);
            }
        }
        event.preventDefault();
        if (event.detail === 2) {
            var url = $(this).attr("href");
            window.open(url, '_blank');
        }
    });
});
</script>

这段jquery代码有问题了~
单击取链接的文字成功了
双击才打开链接失效了:双击可以打开新窗口,但是新窗口的地址栏是about:blank,网址并没有传递过去吗?还是什么原因呢?

  • 写回答

2条回答 默认 最新

  • iou3344 2023-03-05 21:28
    关注
    <script type="text/javascript">
        //单击取链接的文字,双击才打开链接
        $(document).ready(function(){
            var clicked = false;
            $('.upout').click(function(event){
                var inputVal = $('input[name="name"]').val();
                var name = $(this).text();
                if (inputVal.indexOf(name) == -1) {
                    if (inputVal == '') {
                        $('input[name="name"]').val(name);
                    } else {
                        $('input[name="name"]').val(inputVal + ' ' + name);
                    }
                }
                if (!clicked) {
                    clicked = true;
                    setTimeout(function() {
                        if (clicked) {
                            clicked = false;
                        } else {
                            var url = $(event.target).closest('a').attr('href');
                            window.open(url, '_blank');
                        }
                    }, 300);
                } else {
                    clicked = false;
                    var url = $(event.target).closest('a').attr('href');
                    window.open(url, '_blank');
                }
                event.preventDefault();
            });
        });
    </script>
    

    这样写可以了,感觉写复杂了,但还是拿出来给需要的朋友。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月21日
  • 已采纳回答 3月13日
  • 创建了问题 3月5日

悬赏问题

  • ¥15 opencv 无法读取视频
  • ¥15 用matlab 实现通信仿真
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))
  • ¥20 5037端口被adb自己占了
  • ¥15 python:excel数据写入多个对应word文档
  • ¥60 全一数分解素因子和素数循环节位数
  • ¥15 ffmpeg如何安装到虚拟环境
  • ¥188 寻找能做王者评分提取的
  • ¥15 matlab用simulink求解一个二阶微分方程,要求截图