HTML怎么设置显示小数点后两位

HTML怎么设置显示小数点后两位,第1张

function num(i) {

var n = i.toFixed(1)

alert(n)

}

num(123.34)

这个就是取一位小数的功能,调用这个function就可以了

<form name="form1" method="post" action="" onSubmit="return a()">

<input type="text" name="sg" id="sg" value=""/>

<input type="submit" name="Submit" value="提交">

</form>

<script>

function a(){

var ObjValue=document.getElementById("sg").value

if(ObjValue!=""){

if(!ObjValue.match(/^(\d{1,})\.(\d{2})$/)){

alert("必须为保留两位小数")

return false

}

}

}

</script>

DataTransfer对象:退拽传递的对象,一般使用Event.dataTransfer。

2

draggable属性,标签元素设置值为true。drangable=true。

3

ondragstart事件:元素被拖拽的时候触发的事件,作用在被拖拽元素上。

ondragenter事件:进入目标元素触发事件,作用在目标元素上。

ondragover事件:拖拽元素在目标元素上移动的时候触发的事件,作用在目标元素上。

ondrop事件:被拖拽的元素在目标元素上同时鼠标放开触发的事件,作用在目标元素上。

ondragend事件:拖拽完成后触发事件,作用在被拖拽元素上。

Event.preventDefault()方法:阻止默认方法执行。ondragover中一定要执行preventDefault(),否则ondrop事件不会被 触发。

Event.effectAllowed属性:拖拽的效果。

设置元素为可拖放,draggable属性设置为true。<img draggable="true">

拖动元素 使用ondragstart事件。setData()设置获取元素。

dataTransfer.setData()方法设置被拖数据类型和值:

function drag(ev){

ev.dataTransfer.setData("Text",ev.target.id)

}

drag(event)声明方法,规定被拖动的数据,类型是"text",值是可拖动元素id获取。

拖拽放入目标 ondragover,ondragover事件规定在何处放置被拖拽的数据。

一定要定义event.preventDefault(),来阻止默认动作。

进行放置 ondrop 当放置被拖数据时,会发生drop事件。

function drop(ev){

ev.preventDefault()

var data=ev.dataTransfer.getData("text")

ev.target.appendChild(document.getElementById(data))

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6305631.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存