使用生成的div拖放Vanilla JS

文章/答案/技术大牛

发布

0回答

javascript、html、drag-and-drop

有人能给我解释一下，当div本身只有在你点击一个按钮后才创建的时候，你如何才能使div可拖动？我

浏览 2提问于2017-12-13得票数 0

1回答

如何将任何src映像从一边复制到另一边，可以用方法绑定和url将其下垂？

javascript、jquery、html、jquery-ui

您只能使用bind方法将一个图像复制到可下垂区域，使用javascript复制url，但不能更改任何图像，<div class:300px"/><div id="vanilla-demo" class='droppable' style="width:356px;height:286px;

浏览 0提问于2019-06-28得票数 1

回答已采纳

2回答

父级中的Vanilla javascript可拖动div

javascript、draggable、color-picker

我想在vanilla javascript中实现一个可拖放的元素。我想让一个小的圆形div在正方形的div内拖动。为了让自己更清楚一点，我做了而不是想： parent.addEventListener("mousedown&q

浏览 8提问于2020-07-24得票数 3

回答已采纳

2回答

如何使用Javascript图像裁剪程序"Croppie“进行保存

javascript

Croppie使用DIV容器而不是画布来进行裁剪。我正在尝试找出如何将此DIV中的结果裁剪图像保存到服务器上的目录中，例如通过保存按钮。<!id="testCanvas"></div> <div class="actions" style="margin-left: auto; margin-right: auto;

浏览 3提问于2016-04-21得票数 7

回答已采纳

1回答

使用Javascript裁剪图像(Croppie)

javascript、image、canvas、crop、croppie

我正在尝试使用将图像裁剪到剪贴簿<div id="vanilla-demo"></div><img id="myImage" src=""> <scriptsrc=&quo

浏览 2提问于2015-12-03得票数 3

回答已采纳

1回答

如何使用Vanilla JS拖放select -option元素

javascript、select、drag-and-drop、option

看起来这是不可能的--拖动根本不会触发。我考虑完全重新设计这个元素，让它看起来像Select一样。这里描述了jQuery的其他选择:在我的情况下，必须用Vanilla.JS完成。我当然可以对上面的代码进行反向工程，但是也许有人知道其他可行的解决方案？

浏览 0提问于2020-07-19得票数 0

1回答

如何使用Vanilla Js拖放来存储拖放项目的状态？

javascript、drag-and-drop、draggable、dragula

我正在尝试存储可拖动项的状态，以便它们被拖放到的任何位置都将保存在web应用程序上。我正在使用我希望将item-1从Board A拖到Board B，重新启动应用程序并在Board B中找到item-1

浏览 11提问于2019-07-19得票数 1

3回答

jQuery将标题标签从一个div追加到另一个div

jquery

我尝试从一个名为.swatch.selected的div中获取标题属性，并将其移动到我创建的一个名为.variationTitle的新div中。下面是HTML代码： <spanclass="swatch swatch-image swatch-v

浏览 0提问于2017-08-24得票数 1

1回答

如何根据类别来了解元素？

javascript、jquery、html

i.e. div, a, span, etc ..正如我在上面的代码中注释的那样，我需要获得单击元素的标记名。有可能知道吗？

浏览 0提问于2018-07-06得票数 0

回答已采纳

3回答

对于大规模的web应用来说，Tailwind更好吗？

css、reactjs、web-applications、tailwind-css、saas

我想用Tailwind开发一个大规模的web应用程序。我期待着你的指导。

浏览 4提问于2022-05-11得票数 1

1回答

按键关闭的文件拖放区域(vanilla* JS)*

javascript、html、drag-and-drop、label

我有一个拖放文件上传器，与一个‘选择一个文件’按钮去。因此，您可以将文件拖放到“区域”中，也可以选择单击“选择”按钮来获取文件选择器。问题是，我希望“拖放区域”是空的，在按钮的左边。这是我目前所拥有的，但它将标签/按钮设置在拖放区域的顶部： <div id='drop-area' name='drop-area' style='z-index:10; left:3; position

浏览 10提问于2021-04-20得票数 1

2回答

在jQuery中创建带有属性的HTML元素，在ie7和ie8中失败

javascript、jquery、html

我通过jQuery生成一个带有属性的HTML元素，然后将其插入到DOM中。我正在将一个class属性传递给元素。如下所示： class: "myClass" 我在ie7和ie8中的class: "myCLass"行上收到以下错误。这种生成具有ie7和ie8不支持的属性的元素的方法吗？或者我在脚本中犯了一个错误？

浏览 0提问于2012-04-20得票数 1

回答已采纳

2回答

给定的jQuery警报代码段不起作用

javascript、html、jquery

此javascript警报正在运行： <script> document.getElementById("tr_edit").innerHTML = "YOU CLICKED ME!";</script> 但是这个jQuery没有： <script> $("#tr_edit").click(function () {

浏览 14提问于2020-09-06得票数 0

1回答

如何使用JS Fiddle进行重绘反应选择

javascript、reactjs、jsfiddle、react-select

我想渲染第三方库反应-在JS Fiddle中选择。我在jsfiddle中添加了库，但不确定如何使用中的。我得到了“错误选择没有定义”。const App = () => { <Select />} ReactDOM.render(<App/>, document.getElementById

浏览 3提问于2021-01-26得票数 0

回答已采纳

2回答

用于查找祖先文本的Javascript/jquery代码

javascript、jquery

这是我的代码 <div class="parent"> <h3> </h3> <div> <li> <a class="clickme"> click me <

浏览 16提问于2020-06-29得票数 0

回答已采纳

29回答

检测单击外部元素

javascript、vue.js

如何检测元素外部的单击？我使用Vue.js，所以它将在我的模板元素之外。我知道如何在Vanilla JS中做到这一点，但我不确定当我使用Vue.js时，是否有更合适的方法来做到这一点？这是Vanilla JS的解决方案：Javascript检测div外部的单击事件我想我可以使用一种更好的方法来访问元素？

浏览 290提问于2016-03-23得票数 163

回答已采纳

1回答

如何在Vanilla* / JS中重新加载ReactJS组件？*

javascript、jquery、html、reactjs、dom

这可能是个愚蠢的问题。但本质上，我正在创建一个React组件，可以在任何普通的HTML / JS文件中使用。我可以使用Webpack在React组件中创建一个bundle.js文件，然后将其注入Vanilla文件的div标记中：<script以下是我尝试过

浏览 4提问于2020-04-06得票数 1

回答已采纳

1回答

Flickity carousel图像压缩在一起

carousel、flickity

我在我的网站上使用了这个滑块： 

浏览 0提问于2015-02-08得票数 2

2回答

JS脚本文件如何传递Jade字符串插值？

javascript、pug

我有这样的翡翠档案： var firstName = #{firstnameDisplay};var displayName = firstName; 我仍然将“firstName”变量作为未定义的变量。正确定义了Jade文件中的字符串内插#

浏览 2提问于2017-07-14得票数 1

回答已采纳

1回答

我试着用Vanilla JS做一个简单的一个月日历。我读到PHP可以用来创建多个重复元素，但我想知道是否可以这样做，我正在尝试。我正在创建按钮，并使用for循环来使其中的31个按钮填满我的月份。我也在尝试做它，所以按钮包含使用变量day的天数。我不知道如何做到这一点，我在考虑循环，并使用i作为day的值，但最后一个i值就会结束。因为它不起作用，我来这里是为了寻求帮助，如果可能的话，我想用Vanilla</em

浏览 0提问于2020-07-10得票数 2

回答已采纳

点击加载更多