标签上直接添加onclick事件和jq绑定onclick事件有什么区别

Question

功能描述：点击按钮实现复制之后跳转
1. 标签上直接添加onclick事件：

 <div class="btn watch-btn" onclick="handle()">查看TA的个人主页</div>

1. jq绑定onclick事件

  <div class="btn watch-btn">查看TA的个人主页</div>

 <script>
$(document).on('click', '.watch-btn', function(){
        handle();  
});
</script>

现象： handle(); 方法中有个实例化对象，之后方法2jq绑定onclick事件需点击两次才能复制成功并跳转，而方法1只要点击就可以。

提问：请问这两个方式实现onclick事件有什么区别？

Answer 1

第二种有点风险，当你的html元素还没加载完，js此时找不到要绑定的元素，会导致绑定失败