回答
這裏是一個快速簡便的方法來做到這一點
<!doctype html>
<html>
<head>
<script type='text/javascript'>
var startY;
function loadJs(){
document.getElementById("upDownInput").onmousedown = startMoveUpDown;
}
function startMoveUpDown(e){
startY = e.clientY;
document.onmousemove = moveUpDown;
document.onmouseup = endMoveUpDown;
}
function moveUpDown(e){
var input = document.getElementById("upDownInput");
var moveChange = Math.ceil(e.clientY - startY);
input.value = moveChange;
}
function endMoveUpDown(){
document.onmousemove = null;
}
</script>
</head>
<body onload='loadJs()'>
<input style='margin-top: 200px' value='0' type='number' id='upDownInput'/>
</body>
</html>
一個工程,但它沒有在iphone上工作的鼠標移動,請參閱:http://spacetrace.de/js/ input_slider_test.html – rubo77 2012-07-23 02:08:41
我相信Safari瀏覽器有一個像mozilla那樣的本機ontouch監聽器(moztouch),但我不確定,鼠標和觸摸事件足夠相似,它們對於大多數應用程序的行爲方式相同,但對於某些事情(特別是多點觸控)你需要一個明確的觸摸處理器。 – dano 2012-07-23 05:13:07
^但是如果您熟悉javascript,您可以通過首先檢查它們,然後在所有其他操作失敗時默認爲鼠標事件,輕鬆地合併觸摸偵聽器 – dano 2012-07-23 05:14:15
您可能想結賬jQuery UI's slider以獲得可靠的跨瀏覽器滑塊。
,一個工程,但它doesen't在iPhone上工作 – rubo77 2012-07-23 02:10:49
[jQuery手機的滑塊](http://jquerymobile.com/demos/1.1.1/文件/表格/滑塊/ index.html的)?這應該工作 – theabraham 2012-07-23 16:22:28
不,doesen't做的伎倆;)我需要在沒有額外的空間 – rubo77 2012-07-24 15:46:25
- 1. 將觸摸輸入更改爲鼠標/鍵盤輸入
- 2. Android - 如何設置設備輸入 - 觸摸屏或鼠標
- 3. 如何轉換觸摸輸入到鼠標輸入C#統一?
- 4. 網頁如何確定用戶是否有鼠標或觸摸屏輸入?
- 5. sencha觸摸如何更改標籤欄中的標題
- 6. Android:如何正確縮放鼠標/觸摸輸入?
- 7. 經典鍵盤/鼠標輸入「轉換」爲Android觸摸輸入
- 8. 如何更改標籤欄項目控制器的觸摸?
- 9. Android觸摸輸入:座標?
- 10. 使用用戶觸摸輸入更改視圖大小
- 11. MFC:從觸摸屏輸入重新轉換鼠標座標
- 12. Three.js Raycaster使用鼠標不與觸摸
- 13. 使用觸摸屏的虛擬鼠標/觸摸板
- 14. 如何避免鼠標移動觸摸
- 15. 如何更改鼠標上的按鈕文字和顏色使用WPF輸入
- 16. 如何在鼠標輸入事件中觸發鼠標中鍵?
- 17. sencha觸摸更改工具欄與Ext.Carousel
- 18. 雙鼠標輸入 - 模擬多點觸摸
- 19. 鼠標輸入無法正常工作,只能觸摸
- 20. JLabel - 鼠標輸入到JTextField的更改
- 21. Android來源:哪個類將原始觸摸輸入或鼠標輸入轉化爲實際輸入/導航?
- 22. 捕獲鼠標觸摸獲獎形式的標題欄
- 23. 如何全局檢測敲擊(觸摸輸入)而不是鼠標點擊?
- 24. 如何刪除或更改CakePHP中輸入字段的標籤?
- 25. 鼠標/觸摸座標在cocos2d-x
- 26. 使用聲音輸入的觸摸屏?
- 27. 按下觸摸屏觸發mousePressEvent,如何確定鼠標點擊或觸摸屏是否點擊?
- 28. 如何限制觸摸輸入?
- 29. 如何處理多個觸摸輸入
- 30. 如何在Sublime中禁用觸摸欄
我嘗試了jQuery UI滑塊,但它在iPhone上doesent工作。我想快速拍攝沒有一個大的用戶界面,我必須包括 – rubo77 2012-07-23 02:12:43