TextArea - Disable as drop area

Question

I'm looking for a way to disable the possibility to drop text into a textarea. I need that because in Spotify it's possible for the user to drag Tracks, Playlists, etc. And the text representation is just a link.

At the moment we're using this code:

    $(target).find('textarea').each(function(index, elem) {
        elem.addEventListener('dragover', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    return false;
            }, false);

        elem.addEventListener('drop', function(e) {
                a(_('messages', 'msgNoDragArea'));

                e.preventDefault();
                e.stopPropagation();
                return false;
            }, false);          
    });

Is there a way to remove the drop icon of the cursor when the user trys to drop an element? Via HTML attribute, CSS or Javascript?

This seems to be the reverse of what you're asking for http://stackoverflow.com/a/8461328/1615483 — Paul S., Nov 27 '12 at 13:17
do u only want to change the cursor or disable the whole dropping text — harikrishnan.n0077, Nov 27 '12 at 13:23

score 0 · Answer 1 · answered Nov 27 '12 at 13:18

0

Try to set the following property on the CSS of the element:

cursor : default;

It will set your cursor to the normal pointer.

answered Nov 27 '12 at 13:18

agryson

297
2
9

Oh, but I use that property in a web app that works perfectly in Chrome (webkit). As stated here : Web Browser Engine Spotify currently uses the Chromium rendering engine to run and display your applications. However, this is an implementation detail and may change in the future. Please do not assume anything about the browser other than it is WebKit based (so WebKit-only CSS attributes can be used). (https://developer.spotify.com/technologies/apps/guidelines/integration/) – agryson Nov 27 '12 at 14:13

TextArea - Disable as drop area

1 Answers1