draggable attribute
draggable=true/false/inherit
Explanation
Draggable attribute is used to
pull i.e. drag a portion of text in a web page.
It is also used to restrict the viewers from copying the contents of a site.
Values added with this attribute are:
In Firefox, use this attribute with "ondragstart" mouse event in order to enable dragging option.
It is also used to restrict the viewers from copying the contents of a site.
<input draggable="true/false/inherit">
| Value | Description |
|---|---|
| true | Text can be dragged. |
| false | Text cannot be dragged. |
| inherit | The text can be dragged if the main element can be dragged. |
Example Code 1:
Result :
Try to drag this text
Example Code 2:
Result :
Try to drag this text
Example Code 3:
Result :
Try to drag this text.
-
Example Code 1 (Explanation):
- You can drag the text.
- You will be restricted from dragging the text.
- Text can be dragged if the main input is mentioned with value "True".
Example Code 2 (Explanation):
Example Code 3 (Explanation):
Limitations:
It is applicable only in Firefox, Chrome and Safari browsers.In Firefox, use this attribute with "ondragstart" mouse event in order to enable dragging option.
