按钮如何设置按下弹起分别绑定事件怎么做
本帖最后由 诗仙·1957 于 2024-5-30 13:37 编辑或者按下与弹起分别设置命令
诗仙·1957 发表于 2024-5-31 15:00
不是嵌入页面，而是执行命令的按钮
好的，不确定大佬想问的是在活字格中无法编写类似<input type=button>这样的html代码而不能参考帖子截图中为按钮绑定事件的方法是吗，活字格中也是类似于在页面加载命令执行JavaScript命令，定位按钮元素后添加事件**，这边帮您搜索了一条可以作为参考
<script>
document.addEventListener('DOMContentLoaded', function() {
// 获取按钮元素
var button = document.getElementById('myButton');
// 为按钮添加点击事件**
// button.addEventListener('click', function(event) {
// // 当按钮被点击时执行的代码
// console.log('Button clicked!');
// // 如果你想模拟“按下”和“弹起”的效果，你可能需要使用mousedown和mouseup事件
// // 但请注意，这些事件不会直接对应于“按下”和“弹起”的逻辑处理，因为它们可能在鼠标在按钮上移动时触发
// // 示例：为mousedown和mouseup添加事件**
// // button.addEventListener('mousedown', function(event) {
// // console.log('Button pressed down');
// // });
// // button.addEventListener('mouseup', function(event) {
// // console.log('Button released');
// // });
// // 注意：上面的mousedown和mouseup事件**是添加在click事件**内部的，
// // 这意味着每次点击按钮时都会重新添加这些**，这通常是不必要的。
// // 通常，你会在DOMContentLoaded事件处理函数或某个初始化函数中只添加一次这些**。
// });
button.addEventListener('mousedown', function(event) {
console.log('Button pressed down');
});
button.addEventListener('mouseup', function(event) {
console.log('Button released');
});
});
</script>
能否重新描述下你需要什么效果? 本帖最后由 诗仙·1957 于 2024-5-30 14:05 编辑
追风 发表于 2024-5-30 13:40
能否重新描述下你需要什么效果?
按下绑定了事件，弹起也绑定了事件，但也可以按下执行命令弹起也执行命令，这样就实现了，按下一直在执行，而弹起就停止了，按住坐上，等于按住在移动，弹起停止
这种在活字格中怎么做了，按钮摆好了，命令怎么写才能实现按下与弹起呢
:hjyzw:厉害的，我只能学习了 有个插件是页面监控器，能捕捉到按键，看能不能帮上忙
页面**
大佬这里的左上、上、右上这些按钮都是嵌入自定义HTML页面单元格集成到活字格页面的吗？
活字格中也可以通过执行JavaScript命令找到dom元素后为按钮添加mousedown和mouseup事件**，参考您现有的函数 Shawn.Liu 发表于 2024-5-30 17:30
大佬这里的左上、上、右上这些按钮都是嵌入自定义HTML页面单元格集成到活字格页面的吗？
活字格中也可以通 ...
不是嵌入页面，而是执行命令的按钮
页:
[1]