网页上一些小问题

2018-12-07  本文已影响2人  鱼Fcn
解决点击a标签返回页面顶部的问题
<a href="javascript:void(0)">点击</a>
限制input标签最长11位并只能输入数字并且禁止鼠标滚轮上下滑动增减值
<input type="number" onmousewheel="return false;" oninput="if(value.length>11)value=value.slice(0,11)" placeholder="三 网 电 话 号 码">
取消input标签type="number"时的上下加减按钮
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none; 
    margin: 0; 
}
/* 火狐 */
input{
    -moz-appearance:textfield;
}
关于在form表单中禁止确定按钮跳转

如果想要阻止表单的默认提交事件,有以下几种方法:

1.将<input>标签内按钮类型从type="submit"修改为type="button"

2.表单内的<button>未指定类型时,默认的类型为submit,可以显式的修改为<button type="button">来阻止表单提交

阻止冒泡时间
<img src="../image/xin.png" style="width:100%;height:100%;" tapmode onclick="likeBtn({{=it[i].vid}},this);event.stopPropagation();">
上一篇下一篇

猜你喜欢

热点阅读