移動端js事件
Ⅰ javascript 在移動端怎麼做到左右觸摸事件 ontouchmove嗎求代碼
ontouchmove 自己是做不到的
給你一個思路吧:
touchstart 觸發過程中 記錄touches的觸點坐標
touchend 觸發過程中通過 touches的觸點坐標 和前一個坐標進行計算得出移動的方向和距離
Ⅱ javascript移動端滑動事件
偵聽ontouchstart事件,記錄初始的坐標值
在ontouchmove事件中,持續監測移動的距離,即可作出下一步的操作
Ⅲ js手機移動端點擊事件問題
<!DOCTYPEHTML>
<htmllang="en-US">
<head>
<metacharset="UTF-8">
<title></title>
<styletype="text/css">
</style>
<scripttype="text/javascript"src="jquery-1.8.0.min.js"></script>
<scripttype="text/javascript">
$(function()
{
varcontent=$("#dong_tan");
varitems=content.find("ul");
items.each(function(i,dom)
{
.ontouchstart=function()
{
touchStartt(this);
}
});
});
functiontouchStartt(item)
{
alert(item.innerHTML);
}
</script>
</head>
<body>
<divid="dong_tan">
<ul>
<li>dd1</li>
</ul>
<ul>
<li>dd2</li>
</ul>
<ul>
<li>dd3</li>
</ul>
<ul>
<li>dd4</li>
</ul>
</div>
</body>
</html>
Ⅳ 移動端js touch 和 click 事件問題
touchend的時候,再重新 dispatchEvent 一個click事件出版來,權http://www.w3school.com.cn/xmldom/met_element_dispatchevent.asp
Ⅳ js怎麼聽移動端鍵盤展開事件
方法一實現代碼:
var winHeight = $(window).height();
$(window).resize(function(){
var thisHeight=$(this).height();
if(winHeight - thisHeight >50){
//窗口發生改變(大),故此時鍵盤彈出
//當軟鍵盤彈出,在這裡面操作
}else{
//窗口發生改變(小),故此時鍵盤收起
//當軟鍵盤收起,在此處操作
}
});
方法二:監控鍵盤。
監控的方式其實篩選下來也不過兩種:
① 時鍾setInterval不停監控
② 系統級別的監控,比如鍵盤出現時候通知window一個事件,但是很遺憾現在還沒有這個事件,但是這個事件等於
input類元素獲取焦點 == 彈出虛擬鍵盤
input類元素失去焦點 == 收起虛擬鍵盤
基於系統監控這點,我們還可以監控resize事件或者scroll事件,但是經過我的測試。
setInterval表現比較好.於是,我們簡單寫一段代碼,可靠是否滿足需求:
window.alert = function (msg) {
$('body').append('<div>' + msg + '</div>')
};
function fixedWatch(el) {
if(document.activeElement.nodeName == 'INPUT'){
el.css('position', 'static');
} else {
el.css('position', 'fixed');
}
}
setInterval(function () {
fixedWatch($('#headerview header'));
}, 500);
Ⅵ 移動端js手指滑動、下拉、觸摸事件怎麼弄
有zepto.js,api基本和jquery一樣,不過不好用,
你可以使用jquery+touch庫(網上找合適的,zepto的touch.js在ios會報錯.正在調試中= =).
Ⅶ js怎麼監聽移動端鍵盤展開事件
目的 : 監聽移動端鍵盤展開事件
工具 : 移動端, js
思路 : 可以通過監聽窗口大小的改變來實現,當端鍵盤展開時,窗口的大小發生改變,依據此基礎進行判斷.
js 移動端關於頁面布局,如果底部有position:fixed的盒子,又有input,當軟鍵盤彈出收起都會影響頁面布局。這時候Android可以監聽resize事件,代碼如下,而iOS沒有相關事件。
方法一實現代碼:
//獲取當前頁面高度
varwinHeight=$(window).height();
$(window).resize(function(){
varthisHeight=$(this).height();
if(winHeight-thisHeight>50){
//窗口發生改變(大),故此時鍵盤彈出
//當軟鍵盤彈出,在這裡面操作
}else{
//窗口發生改變(小),故此時鍵盤收起
//當軟鍵盤收起,在此處操作
}
});
方法二:監控鍵盤
監控的方式其實篩選下來也不過兩種:
① 時鍾setInterval不停監控
② 系統級別的監控,比如鍵盤出現時候通知window一個事件,但是很遺憾現在還沒有這個事件,但是這個事件等於
input類元素獲取焦點 == 彈出虛擬鍵盤
input類元素失去焦點 == 收起虛擬鍵盤
但是我們前面已經說過,上面的原則不一定可靠,所以該種方案也未必可靠了
基於系統監控這點,我們還可以監控resize事件或者scroll事件,但是經過我的測試,setInterval表現比較好.於是,我們簡單寫一段代碼,可靠是否滿足需求:
window.alert=function(msg){
$('body').append('<div>'+msg+'</div>')
};
functionfixedWatch(el){
if(document.activeElement.nodeName=='INPUT'){
el.css('position','static');
}else{
el.css('position','fixed');
}
}
setInterval(function(){
fixedWatch($('#headerviewheader'));
},500);
如上:移動端鍵盤展開事件即可被監聽.
Ⅷ 響應式布局,移動端和pc端js事件使用的代碼不同,當屏幕寬度為移動設備寬度時js的事件怎麼切換成移動的
可以直接使用一些響應式的框架進行編寫,如bootstrap等框架