📌  相关文章
📜  html 按钮 ondrag - Html (1)

📅  最后修改于: 2023-12-03 15:31:17.141000             🧑  作者: Mango

HTML按钮 ondrag - HTML

介绍

HTML按钮ondrag属性指定当用户拖动元素时，要执行的脚本。当用户按住鼠标拖动时触发ondrag事件。常常用于HTML拖放。

语法
<button ondrag="function()">文本</button>
代码示例
<!DOCTYPE html>
<html>
<head>
	<title>HTML按钮ondrag属性</title>
</head>
<body>
	<button ondrag="alert('按钮被拖动了！')">拖我一下</button>
</body>
</html>
输出效果

点击按钮，按住鼠标不放并拖动按钮，弹出提示框：“按钮被拖动了！”

注意事项
  1. ondrag仅适用于可拖动元素(如，等)
  2. 此属性已被HTML5废除，应该使用HTML5拖放API。
  3. 拖放事件的相关属性和方法：
  • ondragstart: 指定当元素被拖动开始时要执行的函数。
  • ondragend: 指定当被拖动元素被放下时要执行的函数。
  • ondragover: 指定要在何处放置拖动元素时要执行的函数。
  • ondragenter: 指定被拖动元素进入放置元素边界时要执行的函数。
  • ondragleave: 指定被拖动元素离开放置元素边界时要执行的函数。
参考
  1. HTML Buttons
  2. HTML Drag and Drop API