问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

图片默认是可拖拽的，如何设置为不可拖拽？

头像
HarmonyOS码上奇行
    12.2k16323

    图片默认是可拖拽的，如何设置为不可拖拽

    HarmonyOSharmonyos
    阅读 741
    avatarAI BotBETA

    要设置图片为不可拖拽，你可以使用JavaScript来禁用图片的拖拽功能。以下是一个示例代码，它将禁用页面上所有图片的拖拽功能：

    // 获取页面上所有的图片元素
var images = document.getElementsByTagName('img');

// 遍历每个图片元素
for (var i = 0; i < images.length; i++) {
  // 禁用拖拽功能
  images[i].ondragstart = function() {
    return false;
  };
}

    将以上代码添加到你的网页中，即可禁用所有图片的拖拽功能。如果你只想禁用特定图片的拖拽功能，可以将getElementsByTagName('img')替换为document.getElementById('your-image-id')或document.querySelector('.your-image-class')等选择器，以获取特定图片元素。

    1 个回答
    得票最新
    头像
    HarmonyOS码上奇行
      12.2k16323

      将Image组件的draggale属性设置为false即可，Text、TextInput、TextArea、HyperLink、Image和RichEditor组件的draggable属性默认为true。

      参考链接

      拖拽控制

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题