我怎样才能让这个js应用运行时使用一个"on click event“而不是四个？

为了让这个JavaScript应用在运行时只使用一个"on click"事件而不是四个，你可以采取以下方法：

1. 使用事件委托（Event Delegation）：事件委托是一种通过将事件监听器绑定在父元素上，然后利用事件冒泡机制来处理子元素的事件。通过这种方式，你可以在父元素上只使用一个事件监听器，而不是在每个子元素上都绑定事件监听器。这样可以减少代码冗余和提高性能。
2. 绑定单一的事件监听器：如果你必须在多个元素上绑定事件监听器，可以将这些元素选择为一个类或者一个共同的父元素，并使用该类或者父元素作为选择器，然后将事件监听器绑定在该元素上。这样，在事件触发时，只会执行一次事件处理函数。
3. 使用事件代理（Event Delegation）库：你还可以使用现有的事件代理库，如jQuery的on()方法，通过选择器和事件类型来委托处理特定的事件。这样可以简化事件绑定和处理的过程，并提高代码的可维护性。

无论选择哪种方法，它们都能够让你的JavaScript应用在运行时只使用一个"on click"事件而不是四个。

请注意，以上答案提供了一些一般性的解决方案，具体应用场景和推荐的腾讯云相关产品和产品介绍链接地址需要根据实际情况来确定，因此不提供具体腾讯云产品和链接。