Bootstrap会在body中添加一个click侦听器。因此，您需要在body中附加一个click事件侦听器，并阻止事件传播...

document.body.addEventListener('click', function(e){
    e.stopPropagation()
})

Demo

我找到了一个只使用CSS的解决方案，通过在offcanvas-backdrop类上设置pointer-events:none。

.offcanvas-backdrop.fade.show {
 pointer-events:none 
}

这将阻止offcanvas背景上的任何点击事件，offcanvas内的点击事件将照常工作。

现在，添加data-bs-backdrop="static"可以防止在画布外部单击时关闭画布（=单击背景）
请参考https://getbootstrap.com/docs/5.2/components/offcanvas/#static-backdrop

通过使用beforeDismiss返回false，它不会关闭dismiss选项，因为点击背景指向dismiss它不会关闭offcanvas，为了关闭offcanvas，我们可以使用close方法

ngbCanvasOptions: NgbOffcanvasOptions = {
    beforeDismiss: () => {
      return false;
    },
    keyboard: false,
    animation: true
  };

.offcanvas-backdrop {
  pointer-events: none !important;
}

将按预期工作
请将其放置在根CSS文件中。

Bootstrap 5.2引入了新的选项。

功能是静态背景
但Bootstrap 5.1却没有。
但是您可以使用js代码：

let offcanvasEl = $("#myOffcanvas");
let offcanvasAllowClose = false;

offcanvasEl.find("button, a").on("click", () => offcanvasAllowClose = true);

offcanvasEl.on("hide.bs.offcanvas", (ev) => {
    if (offcanvasAllowClose) return;
    ev.preventDefault();
});

我不喜欢这个解决方案，但它能满足我今天的需求。（我真的希望Bootstrap能尽快给予这个功能。）

$("#myOffcanvas").on("shown.bs.offcanvas", function () {
    const backdrop = $(".offcanvas-backdrop");
    const parent = backdrop.parent();
    const cloned = backdrop.clone();
    backdrop.remove();
    parent.append(cloned);
}).on("hide.bs.offcanvas", function () {
    $(".offcanvas-backdrop").remove();
});

将data-bs-keyboard="false"设置为off-canvas元素的data-attribute似乎在Bootsrap 5.1.1中有效