如何判断OpenUI5中List元素是否被Ctrl点击或Shift点击？

我之前也踩过这个坑——SAP UI5的itemPress事件是框架封装的自定义事件，确实不会像原生鼠标事件那样直接提供ctrlKey属性。不过有两个实用的思路可以解决这个问题：

思路一：全局监听Ctrl键的按下/释放状态 #

我们可以在控制器初始化时，给document添加全局的键盘事件监听，记录Ctrl键的状态，之后在itemPress里直接读取这个状态：

首先在控制器的onInit方法里初始化监听：

Controller.prototype.onInit = function() {
  // 初始化Ctrl键状态标记
  this._isCtrlPressed = false;
  
  // 保存事件处理器的引用，方便后续移除
  this._keydownHandler = (e) => {
    if (e.ctrlKey) {
      this._isCtrlPressed = true;
    }
  };
  
  this._keyupHandler = (e) => {
    if (!e.ctrlKey) {
      this._isCtrlPressed = false;
    }
  };
  
  document.addEventListener("keydown", this._keydownHandler);
  document.addEventListener("keyup", this._keyupHandler);
};

然后在onEntityPress里就可以直接判断状态了：

Controller.prototype.onEntityPress = function (event) {
  if (this._isCtrlPressed) {
    // 这里执行你需要的Ctrl+点击逻辑
    const selectedItem = event.getParameter("listItem");
    const entityData = selectedItem.getBindingContext().getObject();
    // 比如批量选择、打开新页面等操作
  }
};

重要提醒：记得在控制器销毁时移除事件监听，避免内存泄漏：

Controller.prototype.onExit = function() {
  document.removeEventListener("keydown", this._keydownHandler);
  document.removeEventListener("keyup", this._keyupHandler);
};

这个方法的优势是不管是鼠标点击还是用键盘（比如回车）触发的itemPress，都能正确识别Ctrl键状态。

思路二：利用原生click事件的委托 #

因为List的item点击最终会触发原生的click事件，我们可以给List的DOM元素添加原生点击监听，通过事件委托直接获取原生事件的ctrlKey：

Controller.prototype.onInit = function() {
  const list = this.byId("browserList");
  const listDom = list.getDomRef();
  
  listDom.addEventListener("click", (nativeEvent) => {
    if (nativeEvent.ctrlKey) {
      // 找到点击对应的UI5 ListItem
      const itemDom = nativeEvent.target.closest(".sapMLIB");
      if (itemDom) {
        const listItem = list.getItemByDomRef(itemDom);
        const entityData = listItem.getBindingContext().getObject();
        // 执行你的Ctrl+点击逻辑
      }
    }
  });
};

这种方法的好处是直接使用原生事件的属性，但只适用于鼠标点击触发的场景，如果是键盘操作选中item就无法覆盖到了。

你可以根据自己的业务场景选择合适的方案，亲测这两种方法在SAP UI5的各个版本里都能正常工作~

内容的提问来源于stack exchange，提问作者Ch. Kuhn