按钮如何设置按下弹起分别绑定事件怎么做

或者按下与弹起分别设置命令

诗仙·1957 发表于 2024-5-31 15:00
不是嵌入页面，而是执行命令的按钮

好的，不确定大佬想问的是在活字格中无法编写类似<input type=button>这样的html代码而不能参考帖子截图中为按钮绑定事件的方法是吗，活字格中也是类似于在页面加载命令执行JavaScript命令，定位按钮元素后添加事件**，这边帮您搜索了一条可以作为参考

1. <script>
   
2.         document.addEventListener('DOMContentLoaded', function() {  
   
3.             // 获取按钮元素  
   
4.             var button = document.getElementById('myButton');  
   
5.         
   
6.             // 为按钮添加点击事件**  
   
7.             // button.addEventListener('click', function(event) {  
   
8.             //     // 当按钮被点击时执行的代码  
   
9.             //     console.log('Button clicked!');  
   
10.         
    
11.             //     // 如果你想模拟“按下”和“弹起”的效果，你可能需要使用mousedown和mouseup事件  
    
12.             //     // 但请注意，这些事件不会直接对应于“按下”和“弹起”的逻辑处理，因为它们可能在鼠标在按钮上移动时触发  
    
13.         
    
14.             //     // 示例：为mousedown和mouseup添加事件**  
    
15.             //     // button.addEventListener('mousedown', function(event) {  
    
16.             //     //     console.log('Button pressed down');  
    
17.             //     // });  
    
18.         
    
19.             //     // button.addEventListener('mouseup', function(event) {  
    
20.             //     //     console.log('Button released');  
    
21.             //     // });  
    
22.         
    
23.             //     // 注意：上面的mousedown和mouseup事件**是添加在click事件**内部的，  
    
24.             //     // 这意味着每次点击按钮时都会重新添加这些**，这通常是不必要的。  
    
25.             //     // 通常，你会在DOMContentLoaded事件处理函数或某个初始化函数中只添加一次这些**。  
    
26.             // });  
    
27. 
    
28.             button.addEventListener('mousedown', function(event) {  
    
29.                     console.log('Button pressed down');  
    
30.                 });  
    
31.         
    
32.             button.addEventListener('mouseup', function(event) {  
    
33.                 console.log('Button released');  
    
34.             });  
    
35.         });
    
36.     </script>

复制代码

能否重新描述下你需要什么效果?

追风 发表于 2024-5-30 13:40
能否重新描述下你需要什么效果?

按下绑定了事件，弹起也绑定了事件，但也可以按下执行命令  弹起也执行命令，这样就实现了，按下一直在执行，而弹起就停止了，按住坐上，等于按住在移动，弹起停止

这种在活字格中怎么做了，按钮摆好了，命令怎么写才能实现按下与弹起呢

厉害的，我只能学习了

有个插件是页面监控器，能捕捉到按键，看能不能帮上忙



页面**

大佬这里的左上、上、右上这些按钮都是嵌入自定义HTML页面单元格集成到活字格页面的吗？
活字格中也可以通过执行JavaScript命令找到dom元素后为按钮添加mousedown和mouseup事件**，参考您现有的函数

Shawn.Liu 发表于 2024-5-30 17:30
大佬这里的左上、上、右上这些按钮都是嵌入自定义HTML页面单元格集成到活字格页面的吗？
活字格中也可以通 ...

不是嵌入页面，而是执行命令的按钮