javascript - 检测页面退出时 PrimeFaces 中 UI 组件的客户端更改？

Question

我想在离开页面时实现警告消息，未保存的更改将丢失。但是，为了正确执行此操作，我需要知道 PrimeFaces 组件是否在客户端发生了更改。

是否有我可以使用的现有机制？我考虑过在所有输入和文本区域上注册 keydown 监听器，但该字段的内容也可以通过鼠标事件更改。另一方面，如果焦点位于字段内然后页面关闭，则不会触发 onblur，因此不会检测到此类更改。我还测试过，当使用鼠标进行更改时，在某些组件(如 selectOneMenu、autoComplete)上注册 onchange 不起作用。

Answer 1

目前还没有完整的机制。

但是您可以在值更改时调用 ValueChangeListener，也可以在元素内使用带有 onChange 属性的 JavaScript 函数。

I've tested also, that registering onchange on some components (like selectOneMenu, autoComplete) is not working when the change is made with mouse.

这取决于您使用的浏览器。为了确保一切正常，我将测试 onClick 并检查元素内的值是否确实发生了变化。