jQuery 自定义事件名字

Question

我有如下代码：

$(document).ready(function() {    

        $(document).on('click.name', {key: 'ssss'},function(event) {

            console.log(event.data.key);

        });

        $(document).on('click.age', {key: 'age'},function(event) {

            console.log(event.data.key);

        });

});

自定义了两个事件：click.name 和click.age, 当我点击页面的时候，这两个方法都执行了，为什么？我要是把事件名字换为其他的比如test之类就不会执行，这还跟自定义事件名字有关系？