移動端阻止事件冒泡需要注意!

2022-02-14 03:23:43 字數 1006 閱讀 7466

移動端使用的js外掛程式式zepto和touch,想要在乙個大的區域做乙個點選事件,但是裡面小的區域也有自己的點選事件,就要阻止事件冒泡,但是使用了之後發現不好使,原因是:大的區域使用的事件是移動端的tap事件,小的區域是js動態生成的元素,使用的是onclick載入的函式,所以,阻止冒泡事件失敗了,最後,把大的點選區域也換成了click進行處理,就好使了!zepto也是支援jquery的click事件的。

//大的點選區域,點選要跳轉到另乙個頁面

//點選某一篇文章,進入正文頁面

$('.articlecont').on('click',function () );

//小的點選區域的方法,阻止了事件的冒泡,使之有自己的自己的點選事件。

//

呼叫android打**方法

function

androidphone(_this,e)

else

if(u.indexof('iphone') > -1) );}}

else

else

if(u.indexof('iphone')>-1));

console.log($('.calldialog').height());

$('.calldialog .name').text($(_this).data('name'));

$('.calldialog .call').attr('href','tel:'+$(_this).data('tel'));

$('.graymask').show(); //

遮罩層 $('.calldialog').css();}}

e.stoppropagation();

}

//小的點選區域,呼叫上面定義的阻止事件冒泡的方法!

if(list[i].isphone==0)

移動端開發需要注意的幾點

1.移動端有自己獨有的mata屬性,這個在之前的隨筆中有寫到,在這不再多說 2.在專案開發中經常會遇到排列布局的情況,最好不要用浮動去布局,可以直接用display inline屬性達到想要的目的 3.為了提公升使用者體驗,盡可能的把每條資料都放到乙個a標籤內,保證使用者的可點區域較大 4.自適應布...

初學移動端介面設計需要注意的問題

通常對於初學者,客戶端的介面設計通常寬度我們都是給定具體數值的,但是在編寫移動端的時候,與客戶端是不太相同的。下面是我們需要注意的問題。1.寬度 width要設定成百分比,而不能設定成具體數值。2.高度通常我們不做限定,根據內容的高度決定 3.對於橫向外邊距 margin 內邊距 padding 我...

app移動介面開發需要注意什麼

為了開發出可擴充套件性好 效能卓越的介面,我們需要了解下面幾點 1.制定規範 開發前一定要定好乙個規範,比如要定好資料返回的通用引數和格式。關於資料格式,用的比較多的有xml和json,我建議用json,因為json比xml的好處更多。2.精簡的返回資料 介面資料因符合需要什麼返回什麼的原則,比如要...