使用javascript按“删除”键?

时间:2014-08-22 06:17:23

标签: javascript jquery html web

在Javascript或jquery中是否有任何方法可以在内部点击"删除"按钮删除HTML网页中的一些文字? 我不希望我的用户点击"删除"按钮物理,但我想给他们界面,当他们点击我将应用"删除"那里的按钮功能。

4 个答案:

答案 0 :(得分:1)

继续我对OP的评论。

假设您的HTML看起来像

<p id="deleteMe">This text should be deleted</p>
<button id="deleteButton">DELETE</button

选项1

如果您打算删除可以使用的元素的整个文本

var deleteButton = document.getElementById('deleteButton');
deleteButton.onclick = function(){
    var deleteItem = document.getElementById('deleteMe');
    deleteItem.innerHTML = '';
}

选项2

但是,如果您打算每次点击只删除一个字符,则可以使用

之类的内容
var deleteButton = document.getElementById('deleteButton');
deleteButton.onclick = function(){
    var deleteItem = document.getElementById('deleteMe');
    deleteItem.innerHTML = deleteItem.innerHTML.substring(0, deleteItem.innerHTML.length - 1);
}

答案 1 :(得分:0)

请访问:Is it possible to simulate key press events programmatically?

您可以将键码用作46而不是

character.charCodeAt(0)

答案 2 :(得分:0)

使用jQuery

,内部调用事件非常简单
$('#delete').click(); // call internally to 'Delete' button

启动包含删除功能的点击事件。

查看更完整的演示:http://jsfiddle.net/581env0c/2/

答案 3 :(得分:0)

您可以使用keydoen函数触发它

$(function(){
    var press = jQuery.Event("keyup");
    press.ctrlKey = false;
    press.which = 46;

    $('#check').keyup(function(e){

        alert(e.which);
    }).trigger(press);
});

但是这个解决方案并不模拟HTML元素上的自然按键事件。此方法仅触发keyup事件,它不会复制进入元素并按下该键的用户。为此,您可以参考HERE

但此调度事件也不是全球支持的。

我认为在点击按钮时应用删除按钮的功能可以满足您的要求

只需点击按钮即可写$("input").val("")或按照上面给出的haxxton的回答

SEE DEMO HERE