Knockout.js中如何判断方法是否通过点击触发

我来帮你搞定这个问题～在Knockout.js里，要区分selectShippingMethod是点击触发还是初始化调用其实很简单，核心就是利用Knockout绑定的参数特性：

关键原理 #

Knockout的click绑定在触发时，会自动传递两个参数给绑定的方法：

1. 第一个是绑定的数据对象（也就是你的shippingMethod）
2. 第二个是鼠标事件对象（MouseEvent）

而当你在页面初始化时手动调用这个方法时，你只会传入shippingMethod，不会传递事件对象——这就是我们区分触发来源的突破口。

修改后的代码示例 #

直接修改你的selectShippingMethod方法，加入对事件对象的判断：

selectShippingMethod: function (shippingMethod, event) {
    var self = this;
    
    // 核心判断：只有点击触发时才执行后续逻辑
    if (!event || event.type !== 'click') {
        return; // 非点击触发，直接返回，不执行操作
    }

    // 下面是仅点击触发时才执行的原有逻辑
    if (shippingMethod.method_code === 'localpickup'){
        // 执行你的操作
        quote.shippingMethod(shippingMethod);
        instance.setShippingInformation();
        // 你原代码里的return tr...这里应该是笔误，按需保留即可
    }
}

注意事项 #

• 初始化调用时，确保只传入shippingMethod参数，比如：self.selectShippingMethod(defaultShippingMethod); 不要额外传其他参数，避免误判。
• 如果担心有其他意外触发方式（比如键盘事件），event.type === 'click'的判断能精准锁定点击触发的场景，比单纯判断event是否存在更严谨。

内容的提问来源于stack exchange，提问作者Tristanisginger