事件模拟

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
        $(document).ready(function(){

//链式语法

            $('div').click(function(){
                alert('12321321321312');
            }).click();

事件模拟:不通过用户触发起来,让事件自己触发

// trigger () 和triggerHandler() 都可以模拟某个事件的执行,

// trigger() 执行默认行为

// triggerHandler() 不会执行默认行为

// 像 a submit 都有默认事件

            //$('div').trigger('click');
            //$('div').triggerHandler('click');
            
            
            //$('form').trigger('submit');
            //$('form').triggerHandler('submit');
            
            
            /*$('a').click(function(){
                alert('3221321');
            });
            
            $('a').triggerHandler('click');*/
        });
    </script>
</head>
<body>
    <div>点击获取联系方式</div>
    <a href="http://www.baidu.com"></a>
    <form action="http://www.baidu.com" method="get">
        <input type="submit" name="" id="" value="点我,有点意向不到的事情" />
    </form>
    
</body>

</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,869评论 18 139
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,629评论 2 10
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,360评论 0 8
  • 忙了一上午,刚停下来,一看时间:11:18,还有42分钟就是交作业的截止时间,我这边还没谱呢! 拿写作当休闲,真是...
    cola的春天阅读 388评论 0 0
  • 第四章 BGM:It's you--Super Junior 就算再问我一次,我要的还是你。 【董思成】 最近心情...
    茶木_APRIL阅读 514评论 0 2