jquery 如何给button按钮增加一个键盘快捷键,触发onclick事件

jquery 如何给button按钮增加一个键盘快捷键,触发onclick事件,第1张

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

<input type='button' id='hello' onclick='alert("hello word")' value='hello word'>

<script>

$(document).keydown(function(event){

    alert(event.keyCode)

    if(event.keyCode == '13'){

        alert('您输入的是回车键!')

        $('#hello').click()

    }

}) 

</script>

// 组合快捷键ctrl+s

    document.onkeydown=function()   {

        if (event.ctrlKey == true && event.keyCode == 83) {// Ctrl+S

            event.returnvalue = false

            //自定义事件代码   

            //。。。。。。。

            return false

        }

    }

这里的代码是监听ctrl+S的键盘事件,设置返回false。代表屏蔽浏览器的ctrl+s的默认事件

问题分析:

1、删除:使用jQuery的remove方法

2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。

举例如下:

以内部追加方法append为例。

添加DIV:

$('body').append('<div id="name">我是被添加的DIV标签</div>')

删除刚刚添加的DIV:

$('#name').remove()


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11809619.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存