小编Sur*_*ine的帖子

拖动时更改光标

拖动时是否可以更改光标?我一直在寻找并试图做一段时间.我想更改在将对象拖动到另一个光标时显示的"不允许"光标.

我尝试创建一个事件并将其分配给我想要拖动的图像: -

<img id="drag1" class="drag" src="http://www.surfixe.com/img/tick2.png" draggable="true" ondragstart="drag(event)" />
Run Code Online (Sandbox Code Playgroud)

java的: -

function drag(ev) {
    $('#drag1').css('cursor', 'pointer');
}
Run Code Online (Sandbox Code Playgroud)


的jsfiddle

编辑:注意:我的小项目是支持html-5 drag and drop,所以我需要能够在用html-5拖动div时更改光标drag attribute

javascript css jquery cursor drag

5
推荐指数
1
解决办法
2万
查看次数

如何在密码字段中添加文本水印?

我想在我的密码字段中写一个水印,上面写着"密码".

这是我的代码:
jquery:

$(document).ready(function() {

    var watermark = 'Password';

    //init, set watermark text and class
    $('#input_pwd').val(watermark).addClass('watermark');

    //if blur and no value inside, set watermark text and class again.
    $('#input_pwd').blur(function(){
        if ($(this).val().length == 0){
            $(this).val(watermark).addClass('watermark');
        }
    });

    //if focus and text is watermrk, set it to empty and remove the watermark class
    $('#input_pwd').focus(function(){
        if ($(this).val() == watermark){
            $(this).val('').removeClass('watermark');
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<input class="ui_input" id="input_pwd" type="password" name="pass" id="pass" style="height:25px; width:250px; font-size:14px;" required />
Run Code Online (Sandbox Code Playgroud)

我的jsfiddle: 点击这里


编辑:我更喜欢jquery :)

编辑:我们的兄弟Konrad Gadzina给了我正在寻找的东西,但感谢大家的所有努力!

html jquery

4
推荐指数
2
解决办法
1万
查看次数

在将文本粘贴到输入字段时如何防止空格?

如何防止空格被粘贴到输入字段?

例如:我有input一个名字和姓氏的两个不同的字段.我已经被禁用空格输入到通过使用简单的jQuery输入字段,不过,看来,如果我复制并粘贴"汤姆·里德尔"到任何一个输入字段,"汤姆"和"谜"之间的空间变也粘贴到输入字段中.
编辑:作为一个人的名字或一个人的姓氏将不包含任何空格,我需要禁用.

这是jQuery我用来禁用空格键入的: -

$(document).ready(function() {
    $('.no_space').keypress(function(e) {
        if(e.which === 32) {
            return false;
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

jquery

3
推荐指数
1
解决办法
2263
查看次数

标签 统计

jquery ×3

css ×1

cursor ×1

drag ×1

html ×1

javascript ×1