模拟点击a链接

最新推荐文章于 2023-03-27 10:18:06 发布

转载最新推荐文章于 2023-03-27 10:18:06 发布 · 299 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dshvv/p/5440229.html

文章标签：

#javascript #ViewUI

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <a href="tel:10086"  id="aaa"  ></a>
        <div  onclick="test()" >
            拨打电话
        </div>
        <script>
           function test(){document.getElementById("aaa").click();}
           /*
            * 说明：用其它元素来模拟点击a链接事件
            * 1.不要使用JQ的$("")来捕获a节点，【jquery选择器 $('') 返回的是jquery对象，所谓的jquery对象实际上就是一个数组。但是jq可以通过attr捕获，这里就不介绍了】
            * 2.不要将a设置隐藏,即不能使用hidden和display:none
            * 3.然后，就达到了与点击a链接一模一样的效果
            */
        </script>
    </body>
</html>