自定義h5 鍵盤

2021-09-12 00:14:03 字數 1236 閱讀 7643

結果示意圖如下

1.父元件 father.vue

"content" >

"weixin">

"title">巨集達超市

"inputform">

"formtitle">消費金額 :

"importform">

"moneyicon">¥

"importmoney" >

"cursor" v-show="cursor"

:style=""

>

}

"moneyinfo">

type="text" maxlength="20" placeholder="備註(20字以內)" @focus="edit" @blur="unedit">

"keyboard">

'importmoney' @keyboardinput='numpass'>

"payicon" slot='pay' @click='pay'>

"surepay">確認支付

複製**

複製**
2.子元件 son.vue 鍵盤元件
"boardbody">

"keyboardtitle">向商戶付款

"boardleft">

"boardright">

"del" @touchstart='delnumber' :class="" @touchend="selfkeyboard = ''">

'pay'>

複製**

複製**
複製**
/***查詢 相容不同解析度*/

@media screen and (max-width: 320px)

/*16*/

}@media screen and (min-width: 321px) and (max-width: 376px)

/*20*/

}@media screen and (min-width: 377px) and (max-width: 413px)

}@media screen and (min-width: 414px) and (max-width: 639px)

}@media screen and (min-width: 640px)

}複製**

H5 自定義資料屬性

html5規定可以為元素新增非標準的屬性,但要新增字首data 目的是為元素提供與渲染無關的資訊,或者提供語義資訊。新增自定義屬性之後,可以通過元素的dataset屬性來訪問自定義屬性的值。dataset屬性的值是domstringmap 物件 的乙個例項。var mydiv document.qu...

h5自定義audio(問題及解決)

h5活動需要插入音訊,但又需要自定義樣式,於是自己寫咯 html 1 2 span class cur span input type range min 0 max 100 class range value 0 span class max span css 進度條 進度滑塊 js1 將秒數轉為...

關於H5的自定義屬性data

data 是h5的新屬性,用來讓開發者對標籤新增自定義屬性的。其讀寫方式有如下幾種 如果是data abc的格式,則採用正常格式abc來讀寫該屬性值 html5 data 自定義屬性 age 原生 js 方式讀寫 var content document.getelementbyid content...