js获取键盘值的大小写

JavaScript015

js获取键盘值的大小写,第1张

js 里面有个事件,

事件里面有keyCode 属性,可以获取你按的键的键码。

document.onkeydown=function(ev){

var oEvent = ev || event   //处理兼容

alert(oEvent.keyCode)

}

<script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>

<!--引用jquery-->

    <script type="text/javascript">

        window.onload = function () {

            document.onkeydown = keyDown//js获取按键keycode值

            $(this).keydown(function (e) {//jquery获取keycode值

                alert(e.keyCode.toString())

            })

        }

        

        function keyDown(e) {

            var code=e.which

            var key = String.fromCharCode(code)

            alert("按下了" + key + ",keycode:" + code)

        }

        //使用的时候document换成js的元素就行了

        //jquery中$(this)换成$(".class")或者$("#id")和其他的

    </script>

用js的 event.keyCode来获取方向键。

从网上你可以查到左右方向键对应的keyCode值,这样你就能获取到左右键点击事件了。

然后当左右键点击的时候,触发显示和隐藏对应图片的功能。

图片的显示和隐藏,你可以用js给对应的图片添加显示或者隐藏的css。

这样就能实现你要的效果了