📜  jQWidgets jqxComplexInput getImaginary() 方法(1)

📅  最后修改于: 2023-12-03 14:43:21.374000             🧑  作者: Mango

jQWidgets jqxComplexInput getImaginary() 方法

jqxComplexInput 插件是提供给开发者的一个编辑器组件,用于处理输入的复数值。其中 getImaginary() 方法用于获取输入框中的虚数部分,返回一个数值型数据。

使用方法

在使用 getImaginary() 方法前,需要先引入 jqxcomplexinput.jsjqxbuttons.js 两个文件:

<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcomplexinput.js"></script>

构建一个 jqxComplexInput 对象,并调用 getImaginary() 方法,示例代码如下:

// 构建一个 `<input>` 标签
var complexInput = $("#complexInput").jqxComplexInput({});

// 获取当前输入框中的虚数部分
var imaginaryValue = complexInput.jqxComplexInput("getImaginary");

// 输出虚数部分的值
console.log("Imaginary Value: " + imaginaryValue);
参数

getImaginary() 方法不需要传入任何参数。

返回值

该方法返回当前输入框中虚数部分的数值。若当前输入框中无虚数部分,则返回值为 0

示例

以下是一个完整的示例代码,展示了如何使用 getImaginary() 方法获取当前输入框中的虚数部分:

<!DOCTYPE html>
<html>
	<head>
		<title>jQWidgets jqxComplexInput getImaginary() 方法</title>
		<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
		<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
		<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
		<script type="text/javascript" src="jqwidgets/jqxcomplexinput.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				var complexInput = $("#complexInput").jqxComplexInput({
					width: '250px',
					height: '30px'
				});
				
				$("#getImageButton").click(function() {
					var img = complexInput.jqxComplexInput("getImaginary");
					alert("Imaginary Value: " + img);
				});
			});
		</script>
	</head>
	<body>
		<div>
			<label for="complexInput">请输入一个复数:</label>
			<div id="complexInput"></div>
		</div>
		<div>
			<button id="getImageButton">获取虚数部分</button>
		</div>
	</body>
</html>

该示例展示了一个输入框和一个按钮,用户点击按钮时会弹出当前输入框中虚数部分的值。