您当前的位置:主页 > 教程合集 > Html/css网站首页Html/css

JS实现模拟触发按钮点击功能

发布时间:2017-08-10编辑:余斗阅读:(0)字号:
    在《移动端网页实现摇一摇打开咨询连接的方法》一文中,我们在利用摇一摇功能打开网址的时候是利用函数打开,有网友私信我能不能在网页中先做个按钮或者锚链接,通过js来触发点击实现打开新连接,这个是可行的,接下来就教大家的实现方法: 一、首先在Html文档中加上按钮或锚链接代码:

    //按钮
    <button id="test" style="display:none;" onclick="test();">test</button>
    //锚链接
    <a id="test" style="display:none;" onclick="test();"></a>
     
    二、JS文件中加入代码:

    function test(){
        //下面两种方法效果是一样的
        document.getElementById("test").onclick();
        document.getElementById("test").click();
    }
     
    代码释义: btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick()事件; btnObj.onclick()只是简单地调用了btnObjonclick所指向的方法,只是调用方法而已,并未触发事件。
关键字词JS 按钮点击
余斗余斗
  1. 转载请注明: JS实现模拟触发按钮点击功能_余斗余斗_鸿运国际手机登录首页
  2. 版权声明: 本站原创文章,由 发表在 Html/css 分类下,于2017-08-10最后更新
上一篇:手机移动端meta属性基础知识整理 下一篇:没有了
手机移动端meta属性基础知识整理
没有了
手机扫一扫 随身带着看
鸿运国际手机登录首页