HTML页面的向下箭头键按钮

时间:2010-10-17 11:17:44

标签: javascript html

我有一个应用程序需要向下箭头,或者字母s用于特定功能(向下箭头和字母“s”触发应用程序中的功能)。

用户无法使用键盘,因此我必须在屏幕上创建一个按钮供用户点击。应用程序显示在HTML页面中,我使用以下代码创建了其他按钮:

<img src="left.jpg" name="Left" onclick="javascript:[CODE_TO_RUN];" vspace="0" width="75" height="75" hspace="0" />

这适用于我的其他功能,但我无法让sendKey工作来模拟向下箭头或“s”键。有谁知道如何在HTML页面上创建一个按钮,按下向下箭头或“s”键?请帮忙,谢谢!

3 个答案:

答案 0 :(得分:0)

你写了“sendKey”,我只知道这是windows-shell的一种方法。这是否意味着它只需要在MSIE上工作?

如果是,由于安全限制,您通常无法访问shell,但您可以触发事件。 例如:

//create event-object
e = document.createEventObject();
//set keycode to 115(for s)
e.setAttribute('keyCode',115);
//fire on document
document.fireEvent('onkeypress',e); 

要在其他浏览器中执行类似操作,请在此处找到教程: http://www.howtocreate.co.uk/tutorials/javascript/domevents

答案 1 :(得分:0)

一般情况下,你无法做到这一点。可以使Firefox完全模拟一些具有相关浏览器行为的关键事件;其他浏览器可以以编程方式触发键事件,但不会执行与事件关联的常见浏览器操作,例如显示字符。

答案 2 :(得分:0)

如果我理解你的问题,这可能是一个很好的解决方法:

使用jQuery animate()函数进行平滑滚动: 我还创建了一个div如下:

<div id="scrollToHere">
Scroll to here
</div>

你需要一些东西来运行你的脚本。创建一个这样的按钮:

jQuery代码将是这样的:

function scrollWin(){
$('html, body').animate({
scrollTop: $("#scrollToHere").offset().top
}, 2000);
}

资源:

http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery

您可以使滚动“按钮”始终可见!

祝你好运,不确定我是否理解您的问题,如果不是,请告诉我!